Palette · 8 colors · Lc 9.4
Steady Persimmon Noir palette
Steady Persimmon Noir: a 8-color palette (Green, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #F8EFDD, #F1C788, #E39B32, #B77E00, #8D6700, #525500, #393100, #201000, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8EFDD
surface
#F1C788
muted
#E39B32
primary
#B77E00
secondary
#8D6700
accent
#525500
highlight
#393100
text
#201000
Colors in Steady Persimmon Noir: HEX, RGB, HSL & OKLCH
- #F8EFDD color page →
bg
#F8EFDD
- RGB
- rgb(248 239 221)
- HSL
- hsl(40 66% 92%)
- OKLCH
- oklch(0.954 0.026 84.6)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.38:1 (AAA)
- #F1C788 color page →
surface
#F1C788
- RGB
- rgb(241 199 136)
- HSL
- hsl(36 79% 74%)
- OKLCH
- oklch(0.852 0.093 77.1)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.26:1 (AAA)
- #E39B32 color page →
muted
#E39B32
- RGB
- rgb(227 155 50)
- HSL
- hsl(36 76% 54%)
- OKLCH
- oklch(0.744 0.143 71.6)
WCAG contrast: on white 2.33:1 (Fail) · on black 9.00:1 (AAA)
- #B77E00 color page →
primary
#B77E00
- RGB
- rgb(183 126 0)
- HSL
- hsl(41 100% 36%)
- OKLCH
- oklch(0.635 0.133 77)
WCAG contrast: on white 3.50:1 (Fail) · on black 5.99:1 (AA)
- #8D6700 color page →
secondary
#8D6700
- RGB
- rgb(141 103 0)
- HSL
- hsl(44 100% 28%)
- OKLCH
- oklch(0.538 0.111 83.1)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #525500 color page →
accent
#525500
- RGB
- rgb(82 85 0)
- HSL
- hsl(62 100% 17%)
- OKLCH
- oklch(0.432 0.096 112.1)
WCAG contrast: on white 7.90:1 (AAA) · on black 2.65:1 (Fail)
- #393100 color page →
highlight
#393100
- RGB
- rgb(57 49 0)
- HSL
- hsl(52 100% 11%)
- OKLCH
- oklch(0.312 0.065 99.4)
WCAG contrast: on white 13.01:1 (AAA) · on black 1.61:1 (Fail)
- #201000 color page →
text
#201000
- RGB
- rgb(32 16 0)
- HSL
- hsl(30 100% 6%)
- OKLCH
- oklch(0.192 0.042 68.9)
WCAG contrast: on white 18.49:1 (AAA) · on black 1.13:1 (Fail)
Export Steady Persimmon Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8efdd;
--surface: #f1c788;
--muted: #e39b32;
--primary: #b77e00;
--secondary: #8d6700;
--accent: #525500;
--highlight: #393100;
--text: #201000;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8efdd;
--color-surface: #f1c788;
--color-muted: #e39b32;
--color-primary: #b77e00;
--color-secondary: #8d6700;
--color-accent: #525500;
--color-highlight: #393100;
--color-text: #201000;
}JSON (DTCG tokens)
{
"steady-persimmon-noir-61k": {
"bg": {
"$type": "color",
"$value": "#f8efdd"
},
"surface": {
"$type": "color",
"$value": "#f1c788"
},
"muted": {
"$type": "color",
"$value": "#e39b32"
},
"primary": {
"$type": "color",
"$value": "#b77e00"
},
"secondary": {
"$type": "color",
"$value": "#8d6700"
},
"accent": {
"$type": "color",
"$value": "#525500"
},
"highlight": {
"$type": "color",
"$value": "#393100"
},
"text": {
"$type": "color",
"$value": "#201000"
}
}
}About this palette
Steady Persimmon Noir is a 8-color OKLCH-ready palette tagged green, warm, 8 colors. Hex values: #F8EFDD, #F1C788, #E39B32, #B77E00, #8D6700, #525500, #393100, #201000. APCA contrast score Lc 9.4. 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 Steady Persimmon Noir by OKLab color distance.