Palette · 3 colors · Lc 9.3
Pure Ginger Horizon palette
Pure Ginger Horizon: a 3-color palette (Yellow, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #FAF4EC, #A56100, #140900, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAF4EC
accent
#A56100
text
#140900
Colors in Pure Ginger Horizon: HEX, RGB, HSL & OKLCH
- #FAF4EC color page →
bg
#FAF4EC
- RGB
- rgb(250 244 236)
- HSL
- hsl(34 58% 95%)
- OKLCH
- oklch(0.97 0.012 75.4)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.21:1 (AAA)
- #A56100 color page →
accent
#A56100
- RGB
- rgb(165 97 0)
- HSL
- hsl(35 100% 32%)
- OKLCH
- oklch(0.557 0.126 64.5)
WCAG contrast: on white 4.87:1 (AA) · on black 4.30:1 (Fail)
- #140900 color page →
text
#140900
- RGB
- rgb(20 9 0)
- HSL
- hsl(27 100% 4%)
- OKLCH
- oklch(0.153 0.033 72.1)
WCAG contrast: on white 19.64:1 (AAA) · on black 1.06:1 (Fail)
Export Pure Ginger Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf4ec;
--accent: #a56100;
--text: #140900;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf4ec;
--color-accent: #a56100;
--color-text: #140900;
}JSON (DTCG tokens)
{
"pure-ginger-horizon-2ab": {
"bg": {
"$type": "color",
"$value": "#faf4ec"
},
"accent": {
"$type": "color",
"$value": "#a56100"
},
"text": {
"$type": "color",
"$value": "#140900"
}
}
}About this palette
Pure Ginger Horizon is a 3-color OKLCH-ready palette tagged yellow, warm, 3 colors. Hex values: #FAF4EC, #A56100, #140900. APCA contrast score Lc 9.3. 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 Pure Ginger Horizon by OKLab color distance.