Palette · 3 colors · Lc 7.6
Pure Emerald Whispers Lattice palette
Pure Emerald Whispers Lattice: a 3-color palette (Turquoise, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #010705, #2B8477, #D8E4E1, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#010705
accent
#2B8477
text
#D8E4E1
Colors in Pure Emerald Whispers Lattice: HEX, RGB, HSL & OKLCH
- #010705 color page →
bg
#010705
- RGB
- rgb(1 7 5)
- HSL
- hsl(160 75% 2%)
- OKLCH
- oklch(0.117 0.018 174.9)
WCAG contrast: on white 20.31:1 (AAA) · on black 1.03:1 (Fail)
- #2B8477 color page →
accent
#2B8477
- RGB
- rgb(43 132 119)
- HSL
- hsl(171 51% 34%)
- OKLCH
- oklch(0.558 0.085 181.5)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.66:1 (AA)
- #D8E4E1 color page →
text
#D8E4E1
- RGB
- rgb(216 228 225)
- HSL
- hsl(165 18% 87%)
- OKLCH
- oklch(0.909 0.013 179.4)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.10:1 (AAA)
Export Pure Emerald Whispers Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #010705;
--accent: #2b8477;
--text: #d8e4e1;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #010705;
--color-accent: #2b8477;
--color-text: #d8e4e1;
}JSON (DTCG tokens)
{
"pure-emerald-whispers-lattice-30y": {
"bg": {
"$type": "color",
"$value": "#010705"
},
"accent": {
"$type": "color",
"$value": "#2b8477"
},
"text": {
"$type": "color",
"$value": "#d8e4e1"
}
}
}About this palette
Pure Emerald Whispers Lattice is a 3-color OKLCH-ready palette tagged turquoise, gray, cold, dark mode ui, ui system, 3 colors. Hex values: #010705, #2B8477, #D8E4E1. APCA contrast score Lc 7.6. 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 Pure Emerald Whispers Lattice by OKLab color distance.