Palette · 10 colors · Lc 9
Atomic Telemagenta Lattice palette
Atomic Telemagenta Lattice: a 10-color palette (Red, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #0D0111, #37003D, #5B0069, #7D0082, #A004A9, #B924CE, #CE58E9, #F194FF, #F9B7FD, #FFDFFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Monochromatic
- 10 Colors
bg
#0D0111
surface
#37003D
muted
#5B0069
primary
#7D0082
secondary
#A004A9
accent
#B924CE
highlight
#CE58E9
border
#F194FF
focus
#F9B7FD
text
#FFDFFF
Colors in Atomic Telemagenta Lattice: HEX, RGB, HSL & OKLCH
- #0D0111 color page →
bg
#0D0111
- RGB
- rgb(13 1 17)
- HSL
- hsl(285 89% 4%)
- OKLCH
- oklch(0.12 0.049 319.4)
WCAG contrast: on white 20.39:1 (AAA) · on black 1.02:1 (Fail)
- #37003D color page →
surface
#37003D
- RGB
- rgb(55 0 61)
- HSL
- hsl(294 100% 12%)
- OKLCH
- oklch(0.241 0.114 323.6)
WCAG contrast: on white 17.07:1 (AAA) · on black 1.22:1 (Fail)
- #5B0069 color page →
muted
#5B0069
- RGB
- rgb(91 0 105)
- HSL
- hsl(292 100% 21%)
- OKLCH
- oklch(0.341 0.163 321.2)
WCAG contrast: on white 12.73:1 (AAA) · on black 1.64:1 (Fail)
- #7D0082 color page →
primary
#7D0082
- RGB
- rgb(125 0 130)
- HSL
- hsl(298 100% 25%)
- OKLCH
- oklch(0.417 0.194 326.3)
WCAG contrast: on white 9.57:1 (AAA) · on black 2.19:1 (Fail)
- #A004A9 color page →
secondary
#A004A9
- RGB
- rgb(160 4 169)
- HSL
- hsl(297 95% 34%)
- OKLCH
- oklch(0.502 0.232 325.4)
WCAG contrast: on white 6.80:1 (AA) · on black 3.08:1 (Fail)
- #B924CE color page →
accent
#B924CE
- RGB
- rgb(185 36 206)
- HSL
- hsl(293 70% 47%)
- OKLCH
- oklch(0.577 0.252 322.2)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #CE58E9 color page →
highlight
#CE58E9
- RGB
- rgb(206 88 233)
- HSL
- hsl(289 77% 63%)
- OKLCH
- oklch(0.667 0.228 319.7)
WCAG contrast: on white 3.38:1 (Fail) · on black 6.19:1 (AA)
- #F194FF color page →
border
#F194FF
- RGB
- rgb(241 148 255)
- HSL
- hsl(292 100% 79%)
- OKLCH
- oklch(0.799 0.175 322.2)
WCAG contrast: on white 2.01:1 (Fail) · on black 10.42:1 (AAA)
- #F9B7FD color page →
focus
#F9B7FD
- RGB
- rgb(249 183 253)
- HSL
- hsl(297 95% 85%)
- OKLCH
- oklch(0.862 0.118 324.6)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.21:1 (AAA)
- #FFDFFF color page →
text
#FFDFFF
- RGB
- rgb(255 223 255)
- HSL
- hsl(300 100% 94%)
- OKLCH
- oklch(0.939 0.055 326)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.25:1 (AAA)
Export Atomic Telemagenta Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0d0111;
--surface: #37003d;
--muted: #5b0069;
--primary: #7d0082;
--secondary: #a004a9;
--accent: #b924ce;
--highlight: #ce58e9;
--border: #f194ff;
--focus: #f9b7fd;
--text: #ffdfff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0d0111;
--color-surface: #37003d;
--color-muted: #5b0069;
--color-primary: #7d0082;
--color-secondary: #a004a9;
--color-accent: #b924ce;
--color-highlight: #ce58e9;
--color-border: #f194ff;
--color-focus: #f9b7fd;
--color-text: #ffdfff;
}JSON (DTCG tokens)
{
"atomic-telemagenta-lattice-4ac": {
"bg": {
"$type": "color",
"$value": "#0d0111"
},
"surface": {
"$type": "color",
"$value": "#37003d"
},
"muted": {
"$type": "color",
"$value": "#5b0069"
},
"primary": {
"$type": "color",
"$value": "#7d0082"
},
"secondary": {
"$type": "color",
"$value": "#a004a9"
},
"accent": {
"$type": "color",
"$value": "#b924ce"
},
"highlight": {
"$type": "color",
"$value": "#ce58e9"
},
"border": {
"$type": "color",
"$value": "#f194ff"
},
"focus": {
"$type": "color",
"$value": "#f9b7fd"
},
"text": {
"$type": "color",
"$value": "#ffdfff"
}
}
}About this palette
Atomic Telemagenta Lattice is a 10-color OKLCH-ready palette tagged red, monochromatic, 10 colors. Hex values: #0D0111, #37003D, #5B0069, #7D0082, #A004A9, #B924CE, #CE58E9, #F194FF, #F9B7FD, #FFDFFF. 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 Atomic Telemagenta Lattice by OKLab color distance.