Palette · 10 colors · Lc 9
Electric Telemagenta Orchard palette
Electric Telemagenta Orchard: a 10-color palette (Red, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #EEEAF4, #BB85E2, #B032C4, #CF0054, #B43200, #7F6C00, #00781A, #007496, #003173, #100918, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEEAF4
surface
#BB85E2
muted
#B032C4
primary
#CF0054
secondary
#B43200
accent
#7F6C00
highlight
#00781A
border
#007496
focus
#003173
text
#100918
Colors in Electric Telemagenta Orchard: HEX, RGB, HSL & OKLCH
- #EEEAF4 color page →
bg
#EEEAF4
- RGB
- rgb(238 234 244)
- HSL
- hsl(264 31% 94%)
- OKLCH
- oklch(0.943 0.014 304.1)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.71:1 (AAA)
- #BB85E2 color page →
surface
#BB85E2
- RGB
- rgb(187 133 226)
- HSL
- hsl(275 62% 70%)
- OKLCH
- oklch(0.705 0.143 309.9)
WCAG contrast: on white 2.77:1 (Fail) · on black 7.56:1 (AAA)
- #B032C4 color page →
muted
#B032C4
- RGB
- rgb(176 50 196)
- HSL
- hsl(292 59% 48%)
- OKLCH
- oklch(0.567 0.229 321.8)
WCAG contrast: on white 5.12:1 (AA) · on black 4.09:1 (Fail)
- #CF0054 color page →
primary
#CF0054
- RGB
- rgb(207 0 84)
- HSL
- hsl(336 100% 41%)
- OKLCH
- oklch(0.546 0.219 9.5)
WCAG contrast: on white 5.55:1 (AA) · on black 3.78:1 (Fail)
- #B43200 color page →
secondary
#B43200
- RGB
- rgb(180 50 0)
- HSL
- hsl(17 100% 35%)
- OKLCH
- oklch(0.512 0.173 36.5)
WCAG contrast: on white 6.18:1 (AA) · on black 3.39:1 (Fail)
- #7F6C00 color page →
accent
#7F6C00
- RGB
- rgb(127 108 0)
- HSL
- hsl(51 100% 25%)
- OKLCH
- oklch(0.533 0.11 96.9)
WCAG contrast: on white 5.18:1 (AA) · on black 4.04:1 (Fail)
- #00781A color page →
highlight
#00781A
- RGB
- rgb(0 120 26)
- HSL
- hsl(133 100% 24%)
- OKLCH
- oklch(0.497 0.159 144.5)
WCAG contrast: on white 5.67:1 (AA) · on black 3.70:1 (Fail)
- #007496 color page →
border
#007496
- RGB
- rgb(0 116 150)
- HSL
- hsl(194 100% 29%)
- OKLCH
- oklch(0.521 0.101 227)
WCAG contrast: on white 5.33:1 (AA) · on black 3.93:1 (Fail)
- #003173 color page →
focus
#003173
- RGB
- rgb(0 49 115)
- HSL
- hsl(214 100% 23%)
- OKLCH
- oklch(0.33 0.124 258.3)
WCAG contrast: on white 12.44:1 (AAA) · on black 1.68:1 (Fail)
- #100918 color page →
text
#100918
- RGB
- rgb(16 9 24)
- HSL
- hsl(268 45% 6%)
- OKLCH
- oklch(0.158 0.033 304.5)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
Export Electric Telemagenta Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eeeaf4;
--surface: #bb85e2;
--muted: #b032c4;
--primary: #cf0054;
--secondary: #b43200;
--accent: #7f6c00;
--highlight: #00781a;
--border: #007496;
--focus: #003173;
--text: #100918;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eeeaf4;
--color-surface: #bb85e2;
--color-muted: #b032c4;
--color-primary: #cf0054;
--color-secondary: #b43200;
--color-accent: #7f6c00;
--color-highlight: #00781a;
--color-border: #007496;
--color-focus: #003173;
--color-text: #100918;
}JSON (DTCG tokens)
{
"electric-telemagenta-orchard-5qb": {
"bg": {
"$type": "color",
"$value": "#eeeaf4"
},
"surface": {
"$type": "color",
"$value": "#bb85e2"
},
"muted": {
"$type": "color",
"$value": "#b032c4"
},
"primary": {
"$type": "color",
"$value": "#cf0054"
},
"secondary": {
"$type": "color",
"$value": "#b43200"
},
"accent": {
"$type": "color",
"$value": "#7f6c00"
},
"highlight": {
"$type": "color",
"$value": "#00781a"
},
"border": {
"$type": "color",
"$value": "#007496"
},
"focus": {
"$type": "color",
"$value": "#003173"
},
"text": {
"$type": "color",
"$value": "#100918"
}
}
}About this palette
Electric Telemagenta Orchard is a 10-color OKLCH-ready palette tagged red, rainbow, 10 colors. Hex values: #EEEAF4, #BB85E2, #B032C4, #CF0054, #B43200, #7F6C00, #00781A, #007496, #003173, #100918. APCA contrast score Lc 9. 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 Electric Telemagenta Orchard by OKLab color distance.