Palette · 5 colors · Lc 8.9
Classic Ginger Forge palette
Classic Ginger Forge: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F7F0EA, #AD6000, #007B97, #4F60AF, #1A0B00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7F0EA
surface
#AD6000
primary
#007B97
accent
#4F60AF
text
#1A0B00
Colors in Classic Ginger Forge: HEX, RGB, HSL & OKLCH
- #F7F0EA color page →
bg
#F7F0EA
- RGB
- rgb(247 240 234)
- HSL
- hsl(28 45% 94%)
- OKLCH
- oklch(0.959 0.011 63.4)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.60:1 (AAA)
- #AD6000 color page →
surface
#AD6000
- RGB
- rgb(173 96 0)
- HSL
- hsl(33 100% 34%)
- OKLCH
- oklch(0.566 0.132 60.3)
WCAG contrast: on white 4.71:1 (AA) · on black 4.44:1 (Fail)
- #007B97 color page →
primary
#007B97
- RGB
- rgb(0 123 151)
- HSL
- hsl(191 100% 30%)
- OKLCH
- oklch(0.54 0.099 221.1)
WCAG contrast: on white 4.90:1 (AA) · on black 4.28:1 (Fail)
- #4F60AF color page →
accent
#4F60AF
- RGB
- rgb(79 96 175)
- HSL
- hsl(229 38% 50%)
- OKLCH
- oklch(0.514 0.126 272.1)
WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)
- #1A0B00 color page →
text
#1A0B00
- RGB
- rgb(26 11 0)
- HSL
- hsl(25 100% 5%)
- OKLCH
- oklch(0.169 0.038 65.1)
WCAG contrast: on white 19.23:1 (AAA) · on black 1.09:1 (Fail)
Export Classic Ginger Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7f0ea;
--surface: #ad6000;
--primary: #007b97;
--accent: #4f60af;
--text: #1a0b00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7f0ea;
--color-surface: #ad6000;
--color-primary: #007b97;
--color-accent: #4f60af;
--color-text: #1a0b00;
}JSON (DTCG tokens)
{
"classic-ginger-forge-1cd": {
"bg": {
"$type": "color",
"$value": "#f7f0ea"
},
"surface": {
"$type": "color",
"$value": "#ad6000"
},
"primary": {
"$type": "color",
"$value": "#007b97"
},
"accent": {
"$type": "color",
"$value": "#4f60af"
},
"text": {
"$type": "color",
"$value": "#1a0b00"
}
}
}About this palette
Classic Ginger Forge is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #F7F0EA, #AD6000, #007B97, #4F60AF, #1A0B00. APCA contrast score Lc 8.9. 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 Classic Ginger Forge by OKLab color distance.