Palette · 3 colors · Lc 9.6
Pepperoni Bloom palette
Pepperoni Bloom: a 3-color palette (Yellow, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #FCEEDF, #AD4900, #221200, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCEEDF
accent
#AD4900
text
#221200
Colors in Pepperoni Bloom: HEX, RGB, HSL & OKLCH
- #FCEEDF color page →
bg
#FCEEDF
- RGB
- rgb(252 238 223)
- HSL
- hsl(31 83% 93%)
- OKLCH
- oklch(0.956 0.025 69.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.43:1 (AAA)
- #AD4900 color page →
accent
#AD4900
- RGB
- rgb(173 73 0)
- HSL
- hsl(25 100% 34%)
- OKLCH
- oklch(0.529 0.148 46.5)
WCAG contrast: on white 5.63:1 (AA) · on black 3.72:1 (Fail)
- #221200 color page →
text
#221200
- RGB
- rgb(34 18 0)
- HSL
- hsl(32 100% 7%)
- OKLCH
- oklch(0.2 0.043 70.9)
WCAG contrast: on white 18.18:1 (AAA) · on black 1.15:1 (Fail)
Export Pepperoni Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fceedf;
--accent: #ad4900;
--text: #221200;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fceedf;
--color-accent: #ad4900;
--color-text: #221200;
}JSON (DTCG tokens)
{
"pepperoni-bloom-2tv": {
"bg": {
"$type": "color",
"$value": "#fceedf"
},
"accent": {
"$type": "color",
"$value": "#ad4900"
},
"text": {
"$type": "color",
"$value": "#221200"
}
}
}About this palette
Pepperoni Bloom is a 3-color OKLCH-ready palette tagged yellow, warm, 3 colors. Hex values: #FCEEDF, #AD4900, #221200. APCA contrast score Lc 9.6. 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 Pepperoni Bloom by OKLab color distance.