Palette · 4 colors · Lc 9.5
Classic Fine Pine Noir palette
Classic Fine Pine Noir: a 4-color palette (Green, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #F3F7F3, #90C08D, #008A00, #131E10, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3F7F3
surface
#90C08D
accent
#008A00
text
#131E10
Colors in Classic Fine Pine Noir: HEX, RGB, HSL & OKLCH
- #F3F7F3 color page →
bg
#F3F7F3
- RGB
- rgb(243 247 243)
- HSL
- hsl(120 20% 96%)
- OKLCH
- oklch(0.972 0.007 145.5)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.40:1 (AAA)
- #90C08D color page →
surface
#90C08D
- RGB
- rgb(144 192 141)
- HSL
- hsl(116 29% 65%)
- OKLCH
- oklch(0.76 0.088 143.2)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.11:1 (AAA)
- #008A00 color page →
accent
#008A00
- RGB
- rgb(0 138 0)
- HSL
- hsl(120 100% 27%)
- OKLCH
- oklch(0.549 0.187 142.5)
WCAG contrast: on white 4.53:1 (AA) · on black 4.63:1 (AA)
- #131E10 color page →
text
#131E10
- RGB
- rgb(19 30 16)
- HSL
- hsl(107 30% 9%)
- OKLCH
- oklch(0.22 0.031 139.1)
WCAG contrast: on white 17.20:1 (AAA) · on black 1.22:1 (Fail)
Export Classic Fine Pine Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3f7f3;
--surface: #90c08d;
--accent: #008a00;
--text: #131e10;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3f7f3;
--color-surface: #90c08d;
--color-accent: #008a00;
--color-text: #131e10;
}JSON (DTCG tokens)
{
"classic-fine-pine-noir-1t3": {
"bg": {
"$type": "color",
"$value": "#f3f7f3"
},
"surface": {
"$type": "color",
"$value": "#90c08d"
},
"accent": {
"$type": "color",
"$value": "#008a00"
},
"text": {
"$type": "color",
"$value": "#131e10"
}
}
}About this palette
Classic Fine Pine Noir is a 4-color OKLCH-ready palette tagged green, ui system, 4 colors. Hex values: #F3F7F3, #90C08D, #008A00, #131E10. 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 Classic Fine Pine Noir by OKLab color distance.