Palette · 6 colors · Lc 8.7
Royal Lavender Beacon palette
Royal Lavender Beacon: a 6-color palette (Pink, Dark Mode UI, UI System, 6 Colors). HEX, RGB, HSL and OKLCH for #07060A, #1B1622, #423A50, #7C53C0, #BF9BBC, #E2E2E3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Dark Mode UI
- UI System
- 6 Colors
bg
#07060A
surface
#1B1622
muted
#423A50
primary
#7C53C0
accent
#BF9BBC
text
#E2E2E3
Colors in Royal Lavender Beacon: HEX, RGB, HSL & OKLCH
- #07060A color page →
bg
#07060A
- RGB
- rgb(7 6 10)
- HSL
- hsl(255 25% 3%)
- OKLCH
- oklch(0.126 0.01 297.7)
WCAG contrast: on white 20.20:1 (AAA) · on black 1.03:1 (Fail)
- #1B1622 color page →
surface
#1B1622
- RGB
- rgb(27 22 34)
- HSL
- hsl(265 21% 11%)
- OKLCH
- oklch(0.212 0.024 303.4)
WCAG contrast: on white 17.72:1 (AAA) · on black 1.18:1 (Fail)
- #423A50 color page →
muted
#423A50
- RGB
- rgb(66 58 80)
- HSL
- hsl(262 16% 27%)
- OKLCH
- oklch(0.366 0.039 301.2)
WCAG contrast: on white 10.75:1 (AAA) · on black 1.95:1 (Fail)
- #7C53C0 color page →
primary
#7C53C0
- RGB
- rgb(124 83 192)
- HSL
- hsl(263 46% 54%)
- OKLCH
- oklch(0.54 0.165 298)
WCAG contrast: on white 5.44:1 (AA) · on black 3.85:1 (Fail)
- #BF9BBC color page →
accent
#BF9BBC
- RGB
- rgb(191 155 188)
- HSL
- hsl(305 22% 68%)
- OKLCH
- oklch(0.733 0.062 328.9)
WCAG contrast: on white 2.43:1 (Fail) · on black 8.62:1 (AAA)
- #E2E2E3 color page →
text
#E2E2E3
- RGB
- rgb(226 226 227)
- HSL
- hsl(240 2% 89%)
- OKLCH
- oklch(0.913 0.001 286.4)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.22:1 (AAA)
Export Royal Lavender Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #07060a;
--surface: #1b1622;
--muted: #423a50;
--primary: #7c53c0;
--accent: #bf9bbc;
--text: #e2e2e3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #07060a;
--color-surface: #1b1622;
--color-muted: #423a50;
--color-primary: #7c53c0;
--color-accent: #bf9bbc;
--color-text: #e2e2e3;
}JSON (DTCG tokens)
{
"royal-lavender-beacon-4gq": {
"bg": {
"$type": "color",
"$value": "#07060a"
},
"surface": {
"$type": "color",
"$value": "#1b1622"
},
"muted": {
"$type": "color",
"$value": "#423a50"
},
"primary": {
"$type": "color",
"$value": "#7c53c0"
},
"accent": {
"$type": "color",
"$value": "#bf9bbc"
},
"text": {
"$type": "color",
"$value": "#e2e2e3"
}
}
}About this palette
Royal Lavender Beacon is a 6-color OKLCH-ready palette tagged pink, dark mode ui, ui system, 6 colors. Hex values: #07060A, #1B1622, #423A50, #7C53C0, #BF9BBC, #E2E2E3. APCA contrast score Lc 8.7. 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 Royal Lavender Beacon by OKLab color distance.