Palette · 3 colors · Lc 9
Classic Seedling Drift palette
Classic Seedling Drift: a 3-color palette (Green, Gray, Pastel, 3 Colors). HEX, RGB, HSL and OKLCH for #F5F0E3, #C0CA96, #3A321F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5F0E3
accent
#C0CA96
text
#3A321F
Colors in Classic Seedling Drift: HEX, RGB, HSL & OKLCH
- #F5F0E3 color page →
bg
#F5F0E3
- RGB
- rgb(245 240 227)
- HSL
- hsl(43 47% 93%)
- OKLCH
- oklch(0.955 0.018 89.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.45:1 (AAA)
- #C0CA96 color page →
accent
#C0CA96
- RGB
- rgb(192 202 150)
- HSL
- hsl(72 33% 69%)
- OKLCH
- oklch(0.818 0.07 116.8)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.12:1 (AAA)
- #3A321F color page →
text
#3A321F
- RGB
- rgb(58 50 31)
- HSL
- hsl(42 30% 17%)
- OKLCH
- oklch(0.32 0.033 87.6)
WCAG contrast: on white 12.68:1 (AAA) · on black 1.65:1 (Fail)
Export Classic Seedling Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f0e3;
--accent: #c0ca96;
--text: #3a321f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f0e3;
--color-accent: #c0ca96;
--color-text: #3a321f;
}JSON (DTCG tokens)
{
"classic-seedling-drift-5r1": {
"bg": {
"$type": "color",
"$value": "#f5f0e3"
},
"accent": {
"$type": "color",
"$value": "#c0ca96"
},
"text": {
"$type": "color",
"$value": "#3a321f"
}
}
}About this palette
Classic Seedling Drift is a 3-color OKLCH-ready palette tagged green, gray, pastel, 3 colors. Hex values: #F5F0E3, #C0CA96, #3A321F. APCA contrast score Lc 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 Classic Seedling Drift by OKLab color distance.