Palette · 3 colors · Lc 9.1
Morris Leaf Signal palette
Morris Leaf Signal: a 3-color palette (Green, Gray, Pastel, 3 Colors). HEX, RGB, HSL and OKLCH for #F5F5E7, #C1D6AA, #2E2F13, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5F5E7
accent
#C1D6AA
text
#2E2F13
Colors in Morris Leaf Signal: HEX, RGB, HSL & OKLCH
- #F5F5E7 color page →
bg
#F5F5E7
- RGB
- rgb(245 245 231)
- HSL
- hsl(60 41% 93%)
- OKLCH
- oklch(0.966 0.018 106.7)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.09:1 (AAA)
- #C1D6AA color page →
accent
#C1D6AA
- RGB
- rgb(193 214 170)
- HSL
- hsl(89 35% 75%)
- OKLCH
- oklch(0.849 0.063 128.5)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.46:1 (AAA)
- #2E2F13 color page →
text
#2E2F13
- RGB
- rgb(46 47 19)
- HSL
- hsl(62 42% 13%)
- OKLCH
- oklch(0.297 0.045 110.7)
WCAG contrast: on white 13.70:1 (AAA) · on black 1.53:1 (Fail)
Export Morris Leaf Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f5e7;
--accent: #c1d6aa;
--text: #2e2f13;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f5e7;
--color-accent: #c1d6aa;
--color-text: #2e2f13;
}JSON (DTCG tokens)
{
"morris-leaf-signal-y2": {
"bg": {
"$type": "color",
"$value": "#f5f5e7"
},
"accent": {
"$type": "color",
"$value": "#c1d6aa"
},
"text": {
"$type": "color",
"$value": "#2e2f13"
}
}
}About this palette
Morris Leaf Signal is a 3-color OKLCH-ready palette tagged green, gray, pastel, 3 colors. Hex values: #F5F5E7, #C1D6AA, #2E2F13. APCA contrast score Lc 9.1. 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 Morris Leaf Signal by OKLab color distance.