Palette · 4 colors · Lc 8.9
Pure Heron Studio palette
Pure Heron Studio: a 4-color palette (Pink, Gray, 4 Colors). HEX, RGB, HSL and OKLCH for #DCE8E9, #6F6B8C, #725856, #010E0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCE8E9
surface
#6F6B8C
accent
#725856
text
#010E0F
Colors in Pure Heron Studio: HEX, RGB, HSL & OKLCH
- #DCE8E9 color page →
bg
#DCE8E9
- RGB
- rgb(220 232 233)
- HSL
- hsl(185 23% 89%)
- OKLCH
- oklch(0.922 0.013 202.9)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.76:1 (AAA)
- #6F6B8C color page →
surface
#6F6B8C
- RGB
- rgb(111 107 140)
- HSL
- hsl(247 13% 48%)
- OKLCH
- oklch(0.544 0.051 290.1)
WCAG contrast: on white 5.05:1 (AA) · on black 4.15:1 (Fail)
- #725856 color page →
accent
#725856
- RGB
- rgb(114 88 86)
- HSL
- hsl(4 14% 39%)
- OKLCH
- oklch(0.486 0.035 23.5)
WCAG contrast: on white 6.47:1 (AA) · on black 3.24:1 (Fail)
- #010E0F color page →
text
#010E0F
- RGB
- rgb(1 14 15)
- HSL
- hsl(184 88% 3%)
- OKLCH
- oklch(0.15 0.023 200.3)
WCAG contrast: on white 19.60:1 (AAA) · on black 1.07:1 (Fail)
Export Pure Heron Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dce8e9;
--surface: #6f6b8c;
--accent: #725856;
--text: #010e0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dce8e9;
--color-surface: #6f6b8c;
--color-accent: #725856;
--color-text: #010e0f;
}JSON (DTCG tokens)
{
"pure-heron-studio-33n": {
"bg": {
"$type": "color",
"$value": "#dce8e9"
},
"surface": {
"$type": "color",
"$value": "#6f6b8c"
},
"accent": {
"$type": "color",
"$value": "#725856"
},
"text": {
"$type": "color",
"$value": "#010e0f"
}
}
}About this palette
Pure Heron Studio is a 4-color OKLCH-ready palette tagged pink, gray, 4 colors. Hex values: #DCE8E9, #6F6B8C, #725856, #010E0F. APCA contrast score Lc 8.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 Pure Heron Studio by OKLab color distance.