Palette · 5 colors · Lc 9.7
Pure Ginger Forge palette
Pure Ginger Forge: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFF0E1, #B36700, #007188, #4C579E, #170A01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF0E1
surface
#B36700
primary
#007188
accent
#4C579E
text
#170A01
Colors in Pure Ginger Forge: HEX, RGB, HSL & OKLCH
- #FFF0E1 color page →
bg
#FFF0E1
- RGB
- rgb(255 240 225)
- HSL
- hsl(30 100% 94%)
- OKLCH
- oklch(0.963 0.026 67.5)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.80:1 (AAA)
- #B36700 color page →
surface
#B36700
- RGB
- rgb(179 103 0)
- HSL
- hsl(35 100% 35%)
- OKLCH
- oklch(0.587 0.134 62.6)
WCAG contrast: on white 4.32:1 (Fail) · on black 4.85:1 (AA)
- #007188 color page →
primary
#007188
- RGB
- rgb(0 113 136)
- HSL
- hsl(190 100% 27%)
- OKLCH
- oklch(0.507 0.091 218.5)
WCAG contrast: on white 5.64:1 (AA) · on black 3.71:1 (Fail)
- #4C579E color page →
accent
#4C579E
- RGB
- rgb(76 87 158)
- HSL
- hsl(232 35% 46%)
- OKLCH
- oklch(0.483 0.114 274.7)
WCAG contrast: on white 6.63:1 (AA) · on black 3.16:1 (Fail)
- #170A01 color page →
text
#170A01
- RGB
- rgb(23 10 1)
- HSL
- hsl(25 92% 5%)
- OKLCH
- oklch(0.161 0.033 64.2)
WCAG contrast: on white 19.43:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Ginger Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff0e1;
--surface: #b36700;
--primary: #007188;
--accent: #4c579e;
--text: #170a01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff0e1;
--color-surface: #b36700;
--color-primary: #007188;
--color-accent: #4c579e;
--color-text: #170a01;
}JSON (DTCG tokens)
{
"pure-ginger-forge-8m": {
"bg": {
"$type": "color",
"$value": "#fff0e1"
},
"surface": {
"$type": "color",
"$value": "#b36700"
},
"primary": {
"$type": "color",
"$value": "#007188"
},
"accent": {
"$type": "color",
"$value": "#4c579e"
},
"text": {
"$type": "color",
"$value": "#170a01"
}
}
}About this palette
Pure Ginger Forge is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #FFF0E1, #B36700, #007188, #4C579E, #170A01. APCA contrast score Lc 9.7. 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 Forge by OKLab color distance.