Palette · 5 colors · Lc 9.4
Classic Pepperoni Quartz palette
Classic Pepperoni Quartz: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #E7F6F8, #009CA5, #A33A71, #AD4000, #051212, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7F6F8
surface
#009CA5
primary
#A33A71
accent
#AD4000
text
#051212
Colors in Classic Pepperoni Quartz: HEX, RGB, HSL & OKLCH
- #E7F6F8 color page →
bg
#E7F6F8
- RGB
- rgb(231 246 248)
- HSL
- hsl(187 55% 94%)
- OKLCH
- oklch(0.963 0.016 206.4)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.93:1 (AAA)
- #009CA5 color page →
surface
#009CA5
- RGB
- rgb(0 156 165)
- HSL
- hsl(183 100% 32%)
- OKLCH
- oklch(0.631 0.107 202)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.29:1 (AA)
- #A33A71 color page →
primary
#A33A71
- RGB
- rgb(163 58 113)
- HSL
- hsl(329 48% 43%)
- OKLCH
- oklch(0.513 0.15 351.2)
WCAG contrast: on white 6.17:1 (AA) · on black 3.40:1 (Fail)
- #AD4000 color page →
accent
#AD4000
- RGB
- rgb(173 64 0)
- HSL
- hsl(22 100% 34%)
- OKLCH
- oklch(0.517 0.155 42.3)
WCAG contrast: on white 5.98:1 (AA) · on black 3.51:1 (Fail)
- #051212 color page →
text
#051212
- RGB
- rgb(5 18 18)
- HSL
- hsl(180 57% 5%)
- OKLCH
- oklch(0.17 0.02 195.5)
WCAG contrast: on white 19.06:1 (AAA) · on black 1.10:1 (Fail)
Export Classic Pepperoni Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7f6f8;
--surface: #009ca5;
--primary: #a33a71;
--accent: #ad4000;
--text: #051212;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7f6f8;
--color-surface: #009ca5;
--color-primary: #a33a71;
--color-accent: #ad4000;
--color-text: #051212;
}JSON (DTCG tokens)
{
"classic-pepperoni-quartz-44h": {
"bg": {
"$type": "color",
"$value": "#e7f6f8"
},
"surface": {
"$type": "color",
"$value": "#009ca5"
},
"primary": {
"$type": "color",
"$value": "#a33a71"
},
"accent": {
"$type": "color",
"$value": "#ad4000"
},
"text": {
"$type": "color",
"$value": "#051212"
}
}
}About this palette
Classic Pepperoni Quartz is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #E7F6F8, #009CA5, #A33A71, #AD4000, #051212. APCA contrast score Lc 9.4. 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.