Palette · 4 colors · Lc 10
Pure Ginger Archive palette
Pure Ginger Archive: a 4-color palette (Green, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #F8F6F0, #A56300, #3A2600, #0A0700, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F6F0
surface
#A56300
accent
#3A2600
text
#0A0700
Colors in Pure Ginger Archive: HEX, RGB, HSL & OKLCH
- #F8F6F0 color page →
bg
#F8F6F0
- RGB
- rgb(248 246 240)
- HSL
- hsl(45 36% 96%)
- OKLCH
- oklch(0.973 0.008 91.5)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.43:1 (AAA)
- #A56300 color page →
surface
#A56300
- RGB
- rgb(165 99 0)
- HSL
- hsl(36 100% 32%)
- OKLCH
- oklch(0.561 0.125 66)
WCAG contrast: on white 4.78:1 (AA) · on black 4.38:1 (Fail)
- #3A2600 color page →
accent
#3A2600
- RGB
- rgb(58 38 0)
- HSL
- hsl(39 100% 11%)
- OKLCH
- oklch(0.286 0.059 78.6)
WCAG contrast: on white 14.41:1 (AAA) · on black 1.45:1 (Fail)
- #0A0700 color page →
text
#0A0700
- RGB
- rgb(10 7 0)
- HSL
- hsl(42 100% 2%)
- OKLCH
- oklch(0.129 0.027 96.5)
WCAG contrast: on white 20.12:1 (AAA) · on black 1.04:1 (Fail)
Export Pure Ginger Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f6f0;
--surface: #a56300;
--accent: #3a2600;
--text: #0a0700;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f6f0;
--color-surface: #a56300;
--color-accent: #3a2600;
--color-text: #0a0700;
}JSON (DTCG tokens)
{
"pure-ginger-archive-5pk": {
"bg": {
"$type": "color",
"$value": "#f8f6f0"
},
"surface": {
"$type": "color",
"$value": "#a56300"
},
"accent": {
"$type": "color",
"$value": "#3a2600"
},
"text": {
"$type": "color",
"$value": "#0a0700"
}
}
}About this palette
Pure Ginger Archive is a 4-color OKLCH-ready palette tagged green, warm, 4 colors. Hex values: #F8F6F0, #A56300, #3A2600, #0A0700. APCA contrast score Lc 10. 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 Archive by OKLab color distance.