Palette · 4 colors · Lc 8.2
Pepperoni Bloom palette
Pepperoni Bloom: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #DEE6E7, #009DC6, #AF4100, #001318, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEE6E7
surface
#009DC6
accent
#AF4100
text
#001318
Colors in Pepperoni Bloom: HEX, RGB, HSL & OKLCH
- #DEE6E7 color page →
bg
#DEE6E7
- RGB
- rgb(222 230 231)
- HSL
- hsl(187 16% 89%)
- OKLCH
- oklch(0.919 0.009 205.9)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.57:1 (AAA)
- #009DC6 color page →
surface
#009DC6
- RGB
- rgb(0 157 198)
- HSL
- hsl(192 100% 39%)
- OKLCH
- oklch(0.647 0.123 224.9)
WCAG contrast: on white 3.16:1 (Fail) · on black 6.63:1 (AA)
- #AF4100 color page →
accent
#AF4100
- RGB
- rgb(175 65 0)
- HSL
- hsl(22 100% 34%)
- OKLCH
- oklch(0.521 0.156 42.4)
WCAG contrast: on white 5.86:1 (AA) · on black 3.57:1 (Fail)
- #001318 color page →
text
#001318
- RGB
- rgb(0 19 24)
- HSL
- hsl(193 100% 5%)
- OKLCH
- oklch(0.172 0.03 214.9)
WCAG contrast: on white 18.98:1 (AAA) · on black 1.10:1 (Fail)
Export Pepperoni Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dee6e7;
--surface: #009dc6;
--accent: #af4100;
--text: #001318;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dee6e7;
--color-surface: #009dc6;
--color-accent: #af4100;
--color-text: #001318;
}JSON (DTCG tokens)
{
"pepperoni-bloom-1vm": {
"bg": {
"$type": "color",
"$value": "#dee6e7"
},
"surface": {
"$type": "color",
"$value": "#009dc6"
},
"accent": {
"$type": "color",
"$value": "#af4100"
},
"text": {
"$type": "color",
"$value": "#001318"
}
}
}About this palette
Pepperoni Bloom is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #DEE6E7, #009DC6, #AF4100, #001318. APCA contrast score Lc 8.2. 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.