Palette · 5 colors · Lc 8.2
Steady Ginger Beacon palette
Steady Ginger Beacon: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #EEE4D9, #AA6100, #2E5FA3, #843A67, #140E07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEE4D9
surface
#AA6100
primary
#2E5FA3
accent
#843A67
text
#140E07
Colors in Steady Ginger Beacon: HEX, RGB, HSL & OKLCH
- #EEE4D9 color page →
bg
#EEE4D9
- RGB
- rgb(238 228 217)
- HSL
- hsl(31 38% 89%)
- OKLCH
- oklch(0.924 0.018 70.2)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.73:1 (AAA)
- #AA6100 color page →
surface
#AA6100
- RGB
- rgb(170 97 0)
- HSL
- hsl(34 100% 33%)
- OKLCH
- oklch(0.564 0.13 62.2)
WCAG contrast: on white 4.75:1 (AA) · on black 4.41:1 (Fail)
- #2E5FA3 color page →
primary
#2E5FA3
- RGB
- rgb(46 95 163)
- HSL
- hsl(215 56% 41%)
- OKLCH
- oklch(0.487 0.122 257.2)
WCAG contrast: on white 6.39:1 (AA) · on black 3.28:1 (Fail)
- #843A67 color page →
accent
#843A67
- RGB
- rgb(132 58 103)
- HSL
- hsl(324 39% 37%)
- OKLCH
- oklch(0.462 0.116 345.1)
WCAG contrast: on white 7.54:1 (AAA) · on black 2.78:1 (Fail)
- #140E07 color page →
text
#140E07
- RGB
- rgb(20 14 7)
- HSL
- hsl(32 48% 5%)
- OKLCH
- oklch(0.169 0.017 71.7)
WCAG contrast: on white 19.16:1 (AAA) · on black 1.09:1 (Fail)
Export Steady Ginger Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eee4d9;
--surface: #aa6100;
--primary: #2e5fa3;
--accent: #843a67;
--text: #140e07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eee4d9;
--color-surface: #aa6100;
--color-primary: #2e5fa3;
--color-accent: #843a67;
--color-text: #140e07;
}JSON (DTCG tokens)
{
"steady-ginger-beacon-6kx": {
"bg": {
"$type": "color",
"$value": "#eee4d9"
},
"surface": {
"$type": "color",
"$value": "#aa6100"
},
"primary": {
"$type": "color",
"$value": "#2e5fa3"
},
"accent": {
"$type": "color",
"$value": "#843a67"
},
"text": {
"$type": "color",
"$value": "#140e07"
}
}
}About this palette
Steady Ginger Beacon is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #EEE4D9, #AA6100, #2E5FA3, #843A67, #140E07. APCA contrast score Lc 8.2. 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 Beacon by OKLab color distance.