Palette · 7 colors · Lc 9
True Royal Robe Beacon palette
True Royal Robe Beacon: a 7-color palette (Pink, Gray, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #06040B, #160E21, #30273E, #624D78, #917A9C, #AFA7B1, #F1EEF8, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Gray
- Dark Mode UI
- UI System
- 7 Colors
bg
#06040B
surface
#160E21
muted
#30273E
primary
#624D78
secondary
#917A9C
accent
#AFA7B1
text
#F1EEF8
Colors in True Royal Robe Beacon: HEX, RGB, HSL & OKLCH
- #06040B color page →
bg
#06040B
- RGB
- rgb(6 4 11)
- HSL
- hsl(257 47% 3%)
- OKLCH
- oklch(0.116 0.02 299.4)
WCAG contrast: on white 20.38:1 (AAA) · on black 1.02:1 (Fail)
- #160E21 color page →
surface
#160E21
- RGB
- rgb(22 14 33)
- HSL
- hsl(265 40% 9%)
- OKLCH
- oklch(0.185 0.039 302.1)
WCAG contrast: on white 18.76:1 (AAA) · on black 1.11:1 (Fail)
- #30273E color page →
muted
#30273E
- RGB
- rgb(48 39 62)
- HSL
- hsl(263 23% 20%)
- OKLCH
- oklch(0.293 0.043 301.8)
WCAG contrast: on white 14.13:1 (AAA) · on black 1.48:1 (Fail)
- #624D78 color page →
primary
#624D78
- RGB
- rgb(98 77 120)
- HSL
- hsl(269 22% 39%)
- OKLCH
- oklch(0.46 0.072 306.1)
WCAG contrast: on white 7.36:1 (AAA) · on black 2.85:1 (Fail)
- #917A9C color page →
secondary
#917A9C
- RGB
- rgb(145 122 156)
- HSL
- hsl(281 15% 55%)
- OKLCH
- oklch(0.613 0.057 314.8)
WCAG contrast: on white 3.84:1 (Fail) · on black 5.46:1 (AA)
- #AFA7B1 color page →
accent
#AFA7B1
- RGB
- rgb(175 167 177)
- HSL
- hsl(288 6% 67%)
- OKLCH
- oklch(0.738 0.017 319.5)
WCAG contrast: on white 2.33:1 (Fail) · on black 8.98:1 (AAA)
- #F1EEF8 color page →
text
#F1EEF8
- RGB
- rgb(241 238 248)
- HSL
- hsl(258 42% 95%)
- OKLCH
- oklch(0.954 0.014 299.8)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.32:1 (AAA)
Export True Royal Robe Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #06040b;
--surface: #160e21;
--muted: #30273e;
--primary: #624d78;
--secondary: #917a9c;
--accent: #afa7b1;
--text: #f1eef8;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #06040b;
--color-surface: #160e21;
--color-muted: #30273e;
--color-primary: #624d78;
--color-secondary: #917a9c;
--color-accent: #afa7b1;
--color-text: #f1eef8;
}JSON (DTCG tokens)
{
"true-royal-robe-beacon-6tj": {
"bg": {
"$type": "color",
"$value": "#06040b"
},
"surface": {
"$type": "color",
"$value": "#160e21"
},
"muted": {
"$type": "color",
"$value": "#30273e"
},
"primary": {
"$type": "color",
"$value": "#624d78"
},
"secondary": {
"$type": "color",
"$value": "#917a9c"
},
"accent": {
"$type": "color",
"$value": "#afa7b1"
},
"text": {
"$type": "color",
"$value": "#f1eef8"
}
}
}About this palette
True Royal Robe Beacon is a 7-color OKLCH-ready palette tagged pink, gray, dark mode ui, ui system, 7 colors. Hex values: #06040B, #160E21, #30273E, #624D78, #917A9C, #AFA7B1, #F1EEF8. 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 True Royal Robe Beacon by OKLab color distance.