Palette · 4 colors · Lc 8.7
Pure Pepperoni Brief palette
Pure Pepperoni Brief: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #E7EFEC, #009064, #A74200, #010F09, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7EFEC
surface
#009064
accent
#A74200
text
#010F09
Colors in Pure Pepperoni Brief: HEX, RGB, HSL & OKLCH
- #E7EFEC color page →
bg
#E7EFEC
- RGB
- rgb(231 239 236)
- HSL
- hsl(158 20% 92%)
- OKLCH
- oklch(0.945 0.009 171.8)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.95:1 (AAA)
- #009064 color page →
surface
#009064
- RGB
- rgb(0 144 100)
- HSL
- hsl(162 100% 28%)
- OKLCH
- oklch(0.578 0.125 163)
WCAG contrast: on white 4.05:1 (Fail) · on black 5.17:1 (AA)
- #A74200 color page →
accent
#A74200
- RGB
- rgb(167 66 0)
- HSL
- hsl(24 100% 33%)
- OKLCH
- oklch(0.51 0.147 44.4)
WCAG contrast: on white 6.13:1 (AA) · on black 3.42:1 (Fail)
- #010F09 color page →
text
#010F09
- RGB
- rgb(1 15 9)
- HSL
- hsl(154 88% 3%)
- OKLCH
- oklch(0.151 0.028 167.7)
WCAG contrast: on white 19.56:1 (AAA) · on black 1.07:1 (Fail)
Export Pure Pepperoni Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7efec;
--surface: #009064;
--accent: #a74200;
--text: #010f09;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7efec;
--color-surface: #009064;
--color-accent: #a74200;
--color-text: #010f09;
}JSON (DTCG tokens)
{
"pure-pepperoni-brief-3r2": {
"bg": {
"$type": "color",
"$value": "#e7efec"
},
"surface": {
"$type": "color",
"$value": "#009064"
},
"accent": {
"$type": "color",
"$value": "#a74200"
},
"text": {
"$type": "color",
"$value": "#010f09"
}
}
}About this palette
Pure Pepperoni Brief is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #E7EFEC, #009064, #A74200, #010F09. APCA contrast score Lc 8.7. 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 Pure Pepperoni Brief by OKLab color distance.