Palette · 6 colors · Lc 7.7
Garfield Quartz palette
Garfield Quartz: a 6-color palette (Yellow, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #F3DCD2, #AF5227, #467428, #006C91, #745293, #130704, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3DCD2
surface
#AF5227
muted
#467428
primary
#006C91
accent
#745293
text
#130704
Colors in Garfield Quartz: HEX, RGB, HSL & OKLCH
- #F3DCD2 color page →
bg
#F3DCD2
- RGB
- rgb(243 220 210)
- HSL
- hsl(18 58% 89%)
- OKLCH
- oklch(0.911 0.029 45)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.97:1 (AAA)
- #AF5227 color page →
surface
#AF5227
- RGB
- rgb(175 82 39)
- HSL
- hsl(19 64% 42%)
- OKLCH
- oklch(0.548 0.134 43.4)
WCAG contrast: on white 5.17:1 (AA) · on black 4.05:1 (Fail)
- #467428 color page →
muted
#467428
- RGB
- rgb(70 116 40)
- HSL
- hsl(96 49% 31%)
- OKLCH
- oklch(0.508 0.118 135.1)
WCAG contrast: on white 5.54:1 (AA) · on black 3.78:1 (Fail)
- #006C91 color page →
primary
#006C91
- RGB
- rgb(0 108 145)
- HSL
- hsl(195 100% 28%)
- OKLCH
- oklch(0.498 0.1 230.9)
WCAG contrast: on white 5.90:1 (AA) · on black 3.55:1 (Fail)
- #745293 color page →
accent
#745293
- RGB
- rgb(116 82 147)
- HSL
- hsl(271 28% 45%)
- OKLCH
- oklch(0.502 0.107 307.1)
WCAG contrast: on white 6.22:1 (AA) · on black 3.37:1 (Fail)
- #130704 color page →
text
#130704
- RGB
- rgb(19 7 4)
- HSL
- hsl(12 65% 5%)
- OKLCH
- oklch(0.146 0.024 40)
WCAG contrast: on white 19.81:1 (AAA) · on black 1.05:1 (Fail)
Export Garfield Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3dcd2;
--surface: #af5227;
--muted: #467428;
--primary: #006c91;
--accent: #745293;
--text: #130704;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3dcd2;
--color-surface: #af5227;
--color-muted: #467428;
--color-primary: #006c91;
--color-accent: #745293;
--color-text: #130704;
}JSON (DTCG tokens)
{
"garfield-quartz-2ev": {
"bg": {
"$type": "color",
"$value": "#f3dcd2"
},
"surface": {
"$type": "color",
"$value": "#af5227"
},
"muted": {
"$type": "color",
"$value": "#467428"
},
"primary": {
"$type": "color",
"$value": "#006c91"
},
"accent": {
"$type": "color",
"$value": "#745293"
},
"text": {
"$type": "color",
"$value": "#130704"
}
}
}About this palette
Garfield Quartz is a 6-color OKLCH-ready palette tagged yellow, warm, 6 colors. Hex values: #F3DCD2, #AF5227, #467428, #006C91, #745293, #130704. APCA contrast score Lc 7.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 Garfield Quartz by OKLab color distance.