Palette · 5 colors · Lc 9.1
Classic Pepperoni Quartz palette
Classic Pepperoni Quartz: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F4E6DC, #C89571, #A54A00, #6A3500, #352417, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4E6DC
surface
#C89571
primary
#A54A00
accent
#6A3500
text
#352417
Colors in Classic Pepperoni Quartz: HEX, RGB, HSL & OKLCH
- #F4E6DC color page →
bg
#F4E6DC
- RGB
- rgb(244 230 220)
- HSL
- hsl(25 52% 91%)
- OKLCH
- oklch(0.933 0.02 58.1)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.19:1 (AAA)
- #C89571 color page →
surface
#C89571
- RGB
- rgb(200 149 113)
- HSL
- hsl(25 44% 61%)
- OKLCH
- oklch(0.71 0.079 56.3)
WCAG contrast: on white 2.62:1 (Fail) · on black 7.99:1 (AAA)
- #A54A00 color page →
primary
#A54A00
- RGB
- rgb(165 74 0)
- HSL
- hsl(27 100% 32%)
- OKLCH
- oklch(0.518 0.139 49.1)
WCAG contrast: on white 5.86:1 (AA) · on black 3.57:1 (Fail)
- #6A3500 color page →
accent
#6A3500
- RGB
- rgb(106 53 0)
- HSL
- hsl(30 100% 21%)
- OKLCH
- oklch(0.39 0.095 56.6)
WCAG contrast: on white 9.89:1 (AAA) · on black 2.12:1 (Fail)
- #352417 color page →
text
#352417
- RGB
- rgb(53 36 23)
- HSL
- hsl(26 39% 15%)
- OKLCH
- oklch(0.277 0.034 58.2)
WCAG contrast: on white 14.82:1 (AAA) · on black 1.41:1 (Fail)
Export Classic Pepperoni Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4e6dc;
--surface: #c89571;
--primary: #a54a00;
--accent: #6a3500;
--text: #352417;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4e6dc;
--color-surface: #c89571;
--color-primary: #a54a00;
--color-accent: #6a3500;
--color-text: #352417;
}JSON (DTCG tokens)
{
"classic-pepperoni-quartz-12q": {
"bg": {
"$type": "color",
"$value": "#f4e6dc"
},
"surface": {
"$type": "color",
"$value": "#c89571"
},
"primary": {
"$type": "color",
"$value": "#a54a00"
},
"accent": {
"$type": "color",
"$value": "#6a3500"
},
"text": {
"$type": "color",
"$value": "#352417"
}
}
}About this palette
Classic Pepperoni Quartz is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #F4E6DC, #C89571, #A54A00, #6A3500, #352417. APCA contrast score Lc 9.1. 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 Pepperoni Quartz by OKLab color distance.