Palette · 4 colors · Lc 9
Classic Bejewelled System palette
Classic Bejewelled System: a 4-color palette (Turquoise, Cold, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #000E0B, #1C3F38, #00A16B, #E1ECEA, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#000E0B
surface
#1C3F38
accent
#00A16B
text
#E1ECEA
Colors in Classic Bejewelled System: HEX, RGB, HSL & OKLCH
- #000E0B color page →
bg
#000E0B
- RGB
- rgb(0 14 11)
- HSL
- hsl(167 100% 3%)
- OKLCH
- oklch(0.147 0.027 180.7)
WCAG contrast: on white 19.66:1 (AAA) · on black 1.06:1 (Fail)
- #1C3F38 color page →
surface
#1C3F38
- RGB
- rgb(28 63 56)
- HSL
- hsl(168 38% 18%)
- OKLCH
- oklch(0.339 0.043 178.9)
WCAG contrast: on white 11.55:1 (AAA) · on black 1.81:1 (Fail)
- #00A16B color page →
accent
#00A16B
- RGB
- rgb(0 161 107)
- HSL
- hsl(160 100% 32%)
- OKLCH
- oklch(0.626 0.14 160.7)
WCAG contrast: on white 3.32:1 (Fail) · on black 6.31:1 (AA)
- #E1ECEA color page →
text
#E1ECEA
- RGB
- rgb(225 236 234)
- HSL
- hsl(169 22% 90%)
- OKLCH
- oklch(0.934 0.012 184.1)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.38:1 (AAA)
Export Classic Bejewelled System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000e0b;
--surface: #1c3f38;
--accent: #00a16b;
--text: #e1ecea;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000e0b;
--color-surface: #1c3f38;
--color-accent: #00a16b;
--color-text: #e1ecea;
}JSON (DTCG tokens)
{
"classic-bejewelled-system-66y": {
"bg": {
"$type": "color",
"$value": "#000e0b"
},
"surface": {
"$type": "color",
"$value": "#1c3f38"
},
"accent": {
"$type": "color",
"$value": "#00a16b"
},
"text": {
"$type": "color",
"$value": "#e1ecea"
}
}
}About this palette
Classic Bejewelled System is a 4-color OKLCH-ready palette tagged turquoise, cold, dark mode ui, ui system, 4 colors. Hex values: #000E0B, #1C3F38, #00A16B, #E1ECEA. 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 Classic Bejewelled System by OKLab color distance.