Palette · 7 colors · Lc 9.5
Steady Ginger Nexus palette
Steady Ginger Nexus: a 7-color palette (Yellow, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F8EFE1, #ECC198, #DD904A, #B46800, #7D4F00, #4C3100, #281200, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8EFE1
surface
#ECC198
muted
#DD904A
primary
#B46800
secondary
#7D4F00
accent
#4C3100
text
#281200
Colors in Steady Ginger Nexus: HEX, RGB, HSL & OKLCH
- #F8EFE1 color page →
bg
#F8EFE1
- RGB
- rgb(248 239 225)
- HSL
- hsl(37 62% 93%)
- OKLCH
- oklch(0.955 0.021 79.1)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.42:1 (AAA)
- #ECC198 color page →
surface
#ECC198
- RGB
- rgb(236 193 152)
- HSL
- hsl(29 69% 76%)
- OKLCH
- oklch(0.839 0.073 65.2)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.64:1 (AAA)
- #DD904A color page →
muted
#DD904A
- RGB
- rgb(221 144 74)
- HSL
- hsl(29 68% 58%)
- OKLCH
- oklch(0.719 0.127 60.7)
WCAG contrast: on white 2.57:1 (Fail) · on black 8.16:1 (AAA)
- #B46800 color page →
primary
#B46800
- RGB
- rgb(180 104 0)
- HSL
- hsl(35 100% 35%)
- OKLCH
- oklch(0.59 0.135 62.9)
WCAG contrast: on white 4.26:1 (Fail) · on black 4.92:1 (AA)
- #7D4F00 color page →
secondary
#7D4F00
- RGB
- rgb(125 79 0)
- HSL
- hsl(38 100% 25%)
- OKLCH
- oklch(0.468 0.101 71.2)
WCAG contrast: on white 7.02:1 (AAA) · on black 2.99:1 (Fail)
- #4C3100 color page →
accent
#4C3100
- RGB
- rgb(76 49 0)
- HSL
- hsl(39 100% 15%)
- OKLCH
- oklch(0.337 0.071 75.5)
WCAG contrast: on white 12.02:1 (AAA) · on black 1.74:1 (Fail)
- #281200 color page →
text
#281200
- RGB
- rgb(40 18 0)
- HSL
- hsl(27 100% 8%)
- OKLCH
- oklch(0.21 0.049 60.9)
WCAG contrast: on white 17.84:1 (AAA) · on black 1.17:1 (Fail)
Export Steady Ginger Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8efe1;
--surface: #ecc198;
--muted: #dd904a;
--primary: #b46800;
--secondary: #7d4f00;
--accent: #4c3100;
--text: #281200;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8efe1;
--color-surface: #ecc198;
--color-muted: #dd904a;
--color-primary: #b46800;
--color-secondary: #7d4f00;
--color-accent: #4c3100;
--color-text: #281200;
}JSON (DTCG tokens)
{
"steady-ginger-nexus-7fk": {
"bg": {
"$type": "color",
"$value": "#f8efe1"
},
"surface": {
"$type": "color",
"$value": "#ecc198"
},
"muted": {
"$type": "color",
"$value": "#dd904a"
},
"primary": {
"$type": "color",
"$value": "#b46800"
},
"secondary": {
"$type": "color",
"$value": "#7d4f00"
},
"accent": {
"$type": "color",
"$value": "#4c3100"
},
"text": {
"$type": "color",
"$value": "#281200"
}
}
}About this palette
Steady Ginger Nexus is a 7-color OKLCH-ready palette tagged yellow, warm, 7 colors. Hex values: #F8EFE1, #ECC198, #DD904A, #B46800, #7D4F00, #4C3100, #281200. 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 Steady Ginger Nexus by OKLab color distance.