Palette · 3 colors · Lc 8.5
True Pepperoni Studio palette
True Pepperoni Studio: a 3-color palette (Yellow, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #E8EEF2, #A74A00, #000C12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8EEF2
accent
#A74A00
text
#000C12
Colors in True Pepperoni Studio: HEX, RGB, HSL & OKLCH
- #E8EEF2 color page →
bg
#E8EEF2
- RGB
- rgb(232 238 242)
- HSL
- hsl(204 28% 93%)
- OKLCH
- oklch(0.946 0.008 236.6)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.94:1 (AAA)
- #A74A00 color page →
accent
#A74A00
- RGB
- rgb(167 74 0)
- HSL
- hsl(27 100% 33%)
- OKLCH
- oklch(0.521 0.141 48.5)
WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)
- #000C12 color page →
text
#000C12
- RGB
- rgb(0 12 18)
- HSL
- hsl(200 100% 4%)
- OKLCH
- oklch(0.143 0.027 223.9)
WCAG contrast: on white 19.78:1 (AAA) · on black 1.06:1 (Fail)
Export True Pepperoni Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8eef2;
--accent: #a74a00;
--text: #000c12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8eef2;
--color-accent: #a74a00;
--color-text: #000c12;
}JSON (DTCG tokens)
{
"true-pepperoni-studio-77a": {
"bg": {
"$type": "color",
"$value": "#e8eef2"
},
"accent": {
"$type": "color",
"$value": "#a74a00"
},
"text": {
"$type": "color",
"$value": "#000c12"
}
}
}About this palette
True Pepperoni Studio is a 3-color OKLCH-ready palette tagged yellow, warm, 3 colors. Hex values: #E8EEF2, #A74A00, #000C12. APCA contrast score Lc 8.5. 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 True Pepperoni Studio by OKLab color distance.