Palette · 5 colors · Lc 9.5
Pure Garfield Drift palette
Pure Garfield Drift: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFEBE1, #E5A48C, #A45025, #562106, #0C0501, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEBE1
surface
#E5A48C
primary
#A45025
accent
#562106
text
#0C0501
Colors in Pure Garfield Drift: HEX, RGB, HSL & OKLCH
- #FFEBE1 color page →
bg
#FFEBE1
- RGB
- rgb(255 235 225)
- HSL
- hsl(20 100% 94%)
- OKLCH
- oklch(0.953 0.026 48.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.22:1 (AAA)
- #E5A48C color page →
surface
#E5A48C
- RGB
- rgb(229 164 140)
- HSL
- hsl(16 63% 72%)
- OKLCH
- oklch(0.775 0.085 41.1)
WCAG contrast: on white 2.09:1 (Fail) · on black 10.02:1 (AAA)
- #A45025 color page →
primary
#A45025
- RGB
- rgb(164 80 37)
- HSL
- hsl(20 63% 39%)
- OKLCH
- oklch(0.528 0.124 45.3)
WCAG contrast: on white 5.59:1 (AA) · on black 3.75:1 (Fail)
- #562106 color page →
accent
#562106
- RGB
- rgb(86 33 6)
- HSL
- hsl(20 87% 18%)
- OKLCH
- oklch(0.322 0.087 43.8)
WCAG contrast: on white 12.99:1 (AAA) · on black 1.61:1 (Fail)
- #0C0501 color page →
text
#0C0501
- RGB
- rgb(12 5 1)
- HSL
- hsl(22 85% 3%)
- OKLCH
- oklch(0.125 0.022 65.6)
WCAG contrast: on white 20.23:1 (AAA) · on black 1.03:1 (Fail)
Export Pure Garfield Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffebe1;
--surface: #e5a48c;
--primary: #a45025;
--accent: #562106;
--text: #0c0501;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffebe1;
--color-surface: #e5a48c;
--color-primary: #a45025;
--color-accent: #562106;
--color-text: #0c0501;
}JSON (DTCG tokens)
{
"pure-garfield-drift-2kq": {
"bg": {
"$type": "color",
"$value": "#ffebe1"
},
"surface": {
"$type": "color",
"$value": "#e5a48c"
},
"primary": {
"$type": "color",
"$value": "#a45025"
},
"accent": {
"$type": "color",
"$value": "#562106"
},
"text": {
"$type": "color",
"$value": "#0c0501"
}
}
}About this palette
Pure Garfield Drift is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #FFEBE1, #E5A48C, #A45025, #562106, #0C0501. APCA contrast score Lc 9.5. 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 Garfield Drift by OKLab color distance.