Palette · 5 colors · Lc 9.7
Clouded Pine Brief palette
Clouded Pine Brief: a 5-color palette (Green, Gray, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #EBF5EC, #A1C0A9, #578260, #31533D, #092214, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBF5EC
surface
#A1C0A9
primary
#578260
accent
#31533D
text
#092214
Colors in Clouded Pine Brief: HEX, RGB, HSL & OKLCH
- #EBF5EC color page →
bg
#EBF5EC
- RGB
- rgb(235 245 236)
- HSL
- hsl(126 33% 94%)
- OKLCH
- oklch(0.96 0.016 148.4)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.80:1 (AAA)
- #A1C0A9 color page →
surface
#A1C0A9
- RGB
- rgb(161 192 169)
- HSL
- hsl(135 20% 69%)
- OKLCH
- oklch(0.778 0.047 153.1)
WCAG contrast: on white 1.97:1 (Fail) · on black 10.62:1 (AAA)
- #578260 color page →
primary
#578260
- RGB
- rgb(87 130 96)
- HSL
- hsl(133 20% 43%)
- OKLCH
- oklch(0.565 0.071 150.2)
WCAG contrast: on white 4.40:1 (Fail) · on black 4.76:1 (AA)
- #31533D color page →
accent
#31533D
- RGB
- rgb(49 83 61)
- HSL
- hsl(141 26% 26%)
- OKLCH
- oklch(0.409 0.055 154.8)
WCAG contrast: on white 8.62:1 (AAA) · on black 2.43:1 (Fail)
- #092214 color page →
text
#092214
- RGB
- rgb(9 34 20)
- HSL
- hsl(146 58% 8%)
- OKLCH
- oklch(0.227 0.042 156.3)
WCAG contrast: on white 16.79:1 (AAA) · on black 1.25:1 (Fail)
Export Clouded Pine Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebf5ec;
--surface: #a1c0a9;
--primary: #578260;
--accent: #31533d;
--text: #092214;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebf5ec;
--color-surface: #a1c0a9;
--color-primary: #578260;
--color-accent: #31533d;
--color-text: #092214;
}JSON (DTCG tokens)
{
"clouded-pine-brief-3ih": {
"bg": {
"$type": "color",
"$value": "#ebf5ec"
},
"surface": {
"$type": "color",
"$value": "#a1c0a9"
},
"primary": {
"$type": "color",
"$value": "#578260"
},
"accent": {
"$type": "color",
"$value": "#31533d"
},
"text": {
"$type": "color",
"$value": "#092214"
}
}
}About this palette
Clouded Pine Brief is a 5-color OKLCH-ready palette tagged green, gray, cold, 5 colors. Hex values: #EBF5EC, #A1C0A9, #578260, #31533D, #092214. APCA contrast score Lc 9.7. 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 Brief by OKLab color distance.