Palette · 7 colors · Lc 8.6
Clouded Pine Brief palette
Clouded Pine Brief: a 7-color palette (Green, Gray, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E6EFE8, #B7C5AF, #8AA57F, #528769, #286155, #04392F, #0D1E14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6EFE8
surface
#B7C5AF
muted
#8AA57F
primary
#528769
secondary
#286155
accent
#04392F
text
#0D1E14
Colors in Clouded Pine Brief: HEX, RGB, HSL & OKLCH
- #E6EFE8 color page →
bg
#E6EFE8
- RGB
- rgb(230 239 232)
- HSL
- hsl(133 22% 92%)
- OKLCH
- oklch(0.943 0.013 152.6)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.87:1 (AAA)
- #B7C5AF color page →
surface
#B7C5AF
- RGB
- rgb(183 197 175)
- HSL
- hsl(98 16% 73%)
- OKLCH
- oklch(0.807 0.034 134)
WCAG contrast: on white 1.80:1 (Fail) · on black 11.61:1 (AAA)
- #8AA57F color page →
muted
#8AA57F
- RGB
- rgb(138 165 127)
- HSL
- hsl(103 17% 57%)
- OKLCH
- oklch(0.691 0.062 136.7)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.76:1 (AAA)
- #528769 color page →
primary
#528769
- RGB
- rgb(82 135 105)
- HSL
- hsl(146 24% 43%)
- OKLCH
- oklch(0.577 0.074 158.2)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.02:1 (AA)
- #286155 color page →
secondary
#286155
- RGB
- rgb(40 97 85)
- HSL
- hsl(167 42% 27%)
- OKLCH
- oklch(0.451 0.063 177.4)
WCAG contrast: on white 7.16:1 (AAA) · on black 2.93:1 (Fail)
- #04392F color page →
accent
#04392F
- RGB
- rgb(4 57 47)
- HSL
- hsl(169 87% 12%)
- OKLCH
- oklch(0.309 0.055 176.1)
WCAG contrast: on white 12.87:1 (AAA) · on black 1.63:1 (Fail)
- #0D1E14 color page →
text
#0D1E14
- RGB
- rgb(13 30 20)
- HSL
- hsl(145 40% 8%)
- OKLCH
- oklch(0.216 0.03 156.9)
WCAG contrast: on white 17.31:1 (AAA) · on black 1.21:1 (Fail)
Export Clouded Pine Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6efe8;
--surface: #b7c5af;
--muted: #8aa57f;
--primary: #528769;
--secondary: #286155;
--accent: #04392f;
--text: #0d1e14;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6efe8;
--color-surface: #b7c5af;
--color-muted: #8aa57f;
--color-primary: #528769;
--color-secondary: #286155;
--color-accent: #04392f;
--color-text: #0d1e14;
}JSON (DTCG tokens)
{
"clouded-pine-brief-3nl": {
"bg": {
"$type": "color",
"$value": "#e6efe8"
},
"surface": {
"$type": "color",
"$value": "#b7c5af"
},
"muted": {
"$type": "color",
"$value": "#8aa57f"
},
"primary": {
"$type": "color",
"$value": "#528769"
},
"secondary": {
"$type": "color",
"$value": "#286155"
},
"accent": {
"$type": "color",
"$value": "#04392f"
},
"text": {
"$type": "color",
"$value": "#0d1e14"
}
}
}About this palette
Clouded Pine Brief is a 7-color OKLCH-ready palette tagged green, gray, cold, 7 colors. Hex values: #E6EFE8, #B7C5AF, #8AA57F, #528769, #286155, #04392F, #0D1E14. APCA contrast score Lc 8.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 Clouded Pine Brief by OKLab color distance.