Palette · 10 colors · Lc 8.1
Atomic Flaming Flamingo Signal palette
Atomic Flaming Flamingo Signal: a 10-color palette (Pink, OKLCH Neon, Cyberpunk, Rainbow). HEX, RGB, HSL and OKLCH for #02020D, #3C3C83, #7D6DFF, #DA58F9, #FF4371, #FA6D00, #809C00, #00BB92, #81C5E7, #E3E5EB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- OKLCH Neon
- Cyberpunk
- Rainbow
- 10 Colors
bg
#02020D
surface
#3C3C83
muted
#7D6DFF
primary
#DA58F9
secondary
#FF4371
accent
#FA6D00
highlight
#809C00
border
#00BB92
focus
#81C5E7
text
#E3E5EB
Colors in Atomic Flaming Flamingo Signal: HEX, RGB, HSL & OKLCH
- #02020D color page →
bg
#02020D
- RGB
- rgb(2 2 13)
- HSL
- hsl(240 73% 3%)
- OKLCH
- oklch(0.097 0.034 278.1)
WCAG contrast: on white 20.64:1 (AAA) · on black 1.01:1 (Fail)
- #3C3C83 color page →
surface
#3C3C83
- RGB
- rgb(60 60 131)
- HSL
- hsl(240 37% 37%)
- OKLCH
- oklch(0.396 0.116 279.7)
WCAG contrast: on white 9.69:1 (AAA) · on black 2.16:1 (Fail)
- #7D6DFF color page →
muted
#7D6DFF
- RGB
- rgb(125 109 255)
- HSL
- hsl(247 100% 71%)
- OKLCH
- oklch(0.626 0.209 283.5)
WCAG contrast: on white 3.81:1 (Fail) · on black 5.50:1 (AA)
- #DA58F9 color page →
primary
#DA58F9
- RGB
- rgb(218 88 249)
- HSL
- hsl(288 93% 66%)
- OKLCH
- oklch(0.691 0.247 319.3)
WCAG contrast: on white 3.11:1 (Fail) · on black 6.74:1 (AA)
- #FF4371 color page →
secondary
#FF4371
- RGB
- rgb(255 67 113)
- HSL
- hsl(345 100% 63%)
- OKLCH
- oklch(0.671 0.223 11.7)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.29:1 (AA)
- #FA6D00 color page →
accent
#FA6D00
- RGB
- rgb(250 109 0)
- HSL
- hsl(26 100% 49%)
- OKLCH
- oklch(0.697 0.194 46.6)
WCAG contrast: on white 2.89:1 (Fail) · on black 7.25:1 (AAA)
- #809C00 color page →
highlight
#809C00
- RGB
- rgb(128 156 0)
- HSL
- hsl(71 100% 31%)
- OKLCH
- oklch(0.648 0.156 121.5)
WCAG contrast: on white 3.14:1 (Fail) · on black 6.67:1 (AA)
- #00BB92 color page →
border
#00BB92
- RGB
- rgb(0 187 146)
- HSL
- hsl(167 100% 37%)
- OKLCH
- oklch(0.704 0.14 169.8)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.52:1 (AAA)
- #81C5E7 color page →
focus
#81C5E7
- RGB
- rgb(129 197 231)
- HSL
- hsl(200 68% 71%)
- OKLCH
- oklch(0.79 0.084 230.9)
WCAG contrast: on white 1.89:1 (Fail) · on black 11.07:1 (AAA)
- #E3E5EB color page →
text
#E3E5EB
- RGB
- rgb(227 229 235)
- HSL
- hsl(225 17% 91%)
- OKLCH
- oklch(0.922 0.008 271.3)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.67:1 (AAA)
Export Atomic Flaming Flamingo Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #02020d;
--surface: #3c3c83;
--muted: #7d6dff;
--primary: #da58f9;
--secondary: #ff4371;
--accent: #fa6d00;
--highlight: #809c00;
--border: #00bb92;
--focus: #81c5e7;
--text: #e3e5eb;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #02020d;
--color-surface: #3c3c83;
--color-muted: #7d6dff;
--color-primary: #da58f9;
--color-secondary: #ff4371;
--color-accent: #fa6d00;
--color-highlight: #809c00;
--color-border: #00bb92;
--color-focus: #81c5e7;
--color-text: #e3e5eb;
}JSON (DTCG tokens)
{
"atomic-flaming-flamingo-signal-7mv": {
"bg": {
"$type": "color",
"$value": "#02020d"
},
"surface": {
"$type": "color",
"$value": "#3c3c83"
},
"muted": {
"$type": "color",
"$value": "#7d6dff"
},
"primary": {
"$type": "color",
"$value": "#da58f9"
},
"secondary": {
"$type": "color",
"$value": "#ff4371"
},
"accent": {
"$type": "color",
"$value": "#fa6d00"
},
"highlight": {
"$type": "color",
"$value": "#809c00"
},
"border": {
"$type": "color",
"$value": "#00bb92"
},
"focus": {
"$type": "color",
"$value": "#81c5e7"
},
"text": {
"$type": "color",
"$value": "#e3e5eb"
}
}
}About this palette
Atomic Flaming Flamingo Signal is a 10-color OKLCH-ready palette tagged pink, oklch neon, cyberpunk, rainbow, 10 colors. Hex values: #02020D, #3C3C83, #7D6DFF, #DA58F9, #FF4371, #FA6D00, #809C00, #00BB92, #81C5E7, #E3E5EB. APCA contrast score Lc 8.1. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Atomic Flaming Flamingo Signal by OKLab color distance.