Palette · 3 colors · Lc 9.5
Clouded Pine Forge palette
Clouded Pine Forge: a 3-color palette (Trending, Turquoise, Gray, Cold). HEX, RGB, HSL and OKLCH for #EAF4EE, #56846C, #0A0D0B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAF4EE
accent
#56846C
text
#0A0D0B
Colors in Clouded Pine Forge: HEX, RGB, HSL & OKLCH
- #EAF4EE color page →
bg
#EAF4EE
- RGB
- rgb(234 244 238)
- HSL
- hsl(144 31% 94%)
- OKLCH
- oklch(0.958 0.013 159.9)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.67:1 (AAA)
- #56846C color page →
accent
#56846C
- RGB
- rgb(86 132 108)
- HSL
- hsl(149 21% 43%)
- OKLCH
- oklch(0.573 0.063 160.8)
WCAG contrast: on white 4.27:1 (Fail) · on black 4.91:1 (AA)
- #0A0D0B color page →
text
#0A0D0B
- RGB
- rgb(10 13 11)
- HSL
- hsl(140 13% 5%)
- OKLCH
- oklch(0.155 0.006 156.4)
WCAG contrast: on white 19.52:1 (AAA) · on black 1.07:1 (Fail)
Export Clouded Pine Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaf4ee;
--accent: #56846c;
--text: #0a0d0b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaf4ee;
--color-accent: #56846c;
--color-text: #0a0d0b;
}JSON (DTCG tokens)
{
"clouded-pine-forge-6qt": {
"bg": {
"$type": "color",
"$value": "#eaf4ee"
},
"accent": {
"$type": "color",
"$value": "#56846c"
},
"text": {
"$type": "color",
"$value": "#0a0d0b"
}
}
}About this palette
Clouded Pine Forge is a 3-color OKLCH-ready palette tagged trending, turquoise, gray, cold, monochromatic, 3 colors. Hex values: #EAF4EE, #56846C, #0A0D0B. APCA contrast score Lc 9.5. 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 Clouded Pine Forge by OKLab color distance.