Palette · 3 colors · Lc 8.4
Classic Pepperoni Ribbon palette
Classic Pepperoni Ribbon: a 3-color palette (Trending, Yellow, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #F2E5D7, #A54200, #2C1A07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2E5D7
accent
#A54200
text
#2C1A07
Colors in Classic Pepperoni Ribbon: HEX, RGB, HSL & OKLCH
- #F2E5D7 color page →
bg
#F2E5D7
- RGB
- rgb(242 229 215)
- HSL
- hsl(31 51% 90%)
- OKLCH
- oklch(0.928 0.023 69.6)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.96:1 (AAA)
- #A54200 color page →
accent
#A54200
- RGB
- rgb(165 66 0)
- HSL
- hsl(24 100% 32%)
- OKLCH
- oklch(0.506 0.145 44.8)
WCAG contrast: on white 6.21:1 (AA) · on black 3.37:1 (Fail)
- #2C1A07 color page →
text
#2C1A07
- RGB
- rgb(44 26 7)
- HSL
- hsl(31 73% 10%)
- OKLCH
- oklch(0.237 0.042 65.1)
WCAG contrast: on white 16.69:1 (AAA) · on black 1.25:1 (Fail)
Export Classic Pepperoni Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e5d7;
--accent: #a54200;
--text: #2c1a07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e5d7;
--color-accent: #a54200;
--color-text: #2c1a07;
}JSON (DTCG tokens)
{
"classic-pepperoni-ribbon-63l": {
"bg": {
"$type": "color",
"$value": "#f2e5d7"
},
"accent": {
"$type": "color",
"$value": "#a54200"
},
"text": {
"$type": "color",
"$value": "#2c1a07"
}
}
}About this palette
Classic Pepperoni Ribbon is a 3-color OKLCH-ready palette tagged trending, yellow, warm, 3 colors. Hex values: #F2E5D7, #A54200, #2C1A07. APCA contrast score Lc 8.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 Ribbon by OKLab color distance.