Palette · 10 colors · Lc 8.4
Classic Royal Lavender Forge palette
Classic Royal Lavender Forge: a 10-color palette (Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #0D0712, #210B34, #3A1D62, #553487, #7D4EAD, #876DCD, #A183DD, #C3A9F3, #D0C4F6, #EAE9FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 10 Colors
bg
#0D0712
surface
#210B34
muted
#3A1D62
primary
#553487
secondary
#7D4EAD
accent
#876DCD
highlight
#A183DD
border
#C3A9F3
focus
#D0C4F6
text
#EAE9FF
Colors in Classic Royal Lavender Forge: HEX, RGB, HSL & OKLCH
- #0D0712 color page →
bg
#0D0712
- RGB
- rgb(13 7 18)
- HSL
- hsl(273 44% 5%)
- OKLCH
- oklch(0.144 0.026 309.1)
WCAG contrast: on white 19.88:1 (AAA) · on black 1.05:1 (Fail)
- #210B34 color page →
surface
#210B34
- RGB
- rgb(33 11 52)
- HSL
- hsl(272 65% 12%)
- OKLCH
- oklch(0.21 0.078 305.3)
WCAG contrast: on white 18.07:1 (AAA) · on black 1.16:1 (Fail)
- #3A1D62 color page →
muted
#3A1D62
- RGB
- rgb(58 29 98)
- HSL
- hsl(265 54% 25%)
- OKLCH
- oklch(0.312 0.116 298.7)
WCAG contrast: on white 13.70:1 (AAA) · on black 1.53:1 (Fail)
- #553487 color page →
primary
#553487
- RGB
- rgb(85 52 135)
- HSL
- hsl(264 44% 37%)
- OKLCH
- oklch(0.409 0.134 298.7)
WCAG contrast: on white 9.42:1 (AAA) · on black 2.22:1 (Fail)
- #7D4EAD color page →
secondary
#7D4EAD
- RGB
- rgb(125 78 173)
- HSL
- hsl(270 38% 49%)
- OKLCH
- oklch(0.521 0.149 304.6)
WCAG contrast: on white 5.89:1 (AA) · on black 3.56:1 (Fail)
- #876DCD color page →
accent
#876DCD
- RGB
- rgb(135 109 205)
- HSL
- hsl(256 49% 62%)
- OKLCH
- oklch(0.602 0.143 294.2)
WCAG contrast: on white 4.11:1 (Fail) · on black 5.09:1 (AA)
- #A183DD color page →
highlight
#A183DD
- RGB
- rgb(161 131 221)
- HSL
- hsl(260 57% 69%)
- OKLCH
- oklch(0.674 0.133 298.1)
WCAG contrast: on white 3.08:1 (Fail) · on black 6.80:1 (AA)
- #C3A9F3 color page →
border
#C3A9F3
- RGB
- rgb(195 169 243)
- HSL
- hsl(261 76% 81%)
- OKLCH
- oklch(0.784 0.107 300.1)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.28:1 (AAA)
- #D0C4F6 color page →
focus
#D0C4F6
- RGB
- rgb(208 196 246)
- HSL
- hsl(254 74% 87%)
- OKLCH
- oklch(0.847 0.07 295.9)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.90:1 (AAA)
- #EAE9FF color page →
text
#EAE9FF
- RGB
- rgb(234 233 255)
- HSL
- hsl(243 100% 96%)
- OKLCH
- oklch(0.941 0.03 287.9)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.59:1 (AAA)
Export Classic Royal Lavender Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0d0712;
--surface: #210b34;
--muted: #3a1d62;
--primary: #553487;
--secondary: #7d4ead;
--accent: #876dcd;
--highlight: #a183dd;
--border: #c3a9f3;
--focus: #d0c4f6;
--text: #eae9ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0d0712;
--color-surface: #210b34;
--color-muted: #3a1d62;
--color-primary: #553487;
--color-secondary: #7d4ead;
--color-accent: #876dcd;
--color-highlight: #a183dd;
--color-border: #c3a9f3;
--color-focus: #d0c4f6;
--color-text: #eae9ff;
}JSON (DTCG tokens)
{
"classic-royal-lavender-forge-6za": {
"bg": {
"$type": "color",
"$value": "#0d0712"
},
"surface": {
"$type": "color",
"$value": "#210b34"
},
"muted": {
"$type": "color",
"$value": "#3a1d62"
},
"primary": {
"$type": "color",
"$value": "#553487"
},
"secondary": {
"$type": "color",
"$value": "#7d4ead"
},
"accent": {
"$type": "color",
"$value": "#876dcd"
},
"highlight": {
"$type": "color",
"$value": "#a183dd"
},
"border": {
"$type": "color",
"$value": "#c3a9f3"
},
"focus": {
"$type": "color",
"$value": "#d0c4f6"
},
"text": {
"$type": "color",
"$value": "#eae9ff"
}
}
}About this palette
Classic Royal Lavender Forge is a 10-color OKLCH-ready palette tagged pink, 10 colors. Hex values: #0D0712, #210B34, #3A1D62, #553487, #7D4EAD, #876DCD, #A183DD, #C3A9F3, #D0C4F6, #EAE9FF. APCA contrast score Lc 8.4. 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 Classic Royal Lavender Forge by OKLab color distance.