Palette · 5 colors · Lc 9.3
True Pepperoni Harbor palette
True Pepperoni Harbor: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFEED9, #D2974C, #AC4100, #6C3800, #271C0C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEED9
surface
#D2974C
primary
#AC4100
accent
#6C3800
text
#271C0C
Colors in True Pepperoni Harbor: HEX, RGB, HSL & OKLCH
- #FFEED9 color page →
bg
#FFEED9
- RGB
- rgb(255 238 217)
- HSL
- hsl(33 100% 93%)
- OKLCH
- oklch(0.957 0.033 73.2)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.48:1 (AAA)
- #D2974C color page →
surface
#D2974C
- RGB
- rgb(210 151 76)
- HSL
- hsl(34 60% 56%)
- OKLCH
- oklch(0.719 0.116 70.6)
WCAG contrast: on white 2.53:1 (Fail) · on black 8.27:1 (AAA)
- #AC4100 color page →
primary
#AC4100
- RGB
- rgb(172 65 0)
- HSL
- hsl(23 100% 34%)
- OKLCH
- oklch(0.516 0.153 43)
WCAG contrast: on white 5.98:1 (AA) · on black 3.51:1 (Fail)
- #6C3800 color page →
accent
#6C3800
- RGB
- rgb(108 56 0)
- HSL
- hsl(31 100% 21%)
- OKLCH
- oklch(0.399 0.095 58.4)
WCAG contrast: on white 9.53:1 (AAA) · on black 2.20:1 (Fail)
- #271C0C color page →
text
#271C0C
- RGB
- rgb(39 28 12)
- HSL
- hsl(36 53% 10%)
- OKLCH
- oklch(0.236 0.032 75.5)
WCAG contrast: on white 16.69:1 (AAA) · on black 1.25:1 (Fail)
Export True Pepperoni Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffeed9;
--surface: #d2974c;
--primary: #ac4100;
--accent: #6c3800;
--text: #271c0c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffeed9;
--color-surface: #d2974c;
--color-primary: #ac4100;
--color-accent: #6c3800;
--color-text: #271c0c;
}JSON (DTCG tokens)
{
"true-pepperoni-harbor-2rx": {
"bg": {
"$type": "color",
"$value": "#ffeed9"
},
"surface": {
"$type": "color",
"$value": "#d2974c"
},
"primary": {
"$type": "color",
"$value": "#ac4100"
},
"accent": {
"$type": "color",
"$value": "#6c3800"
},
"text": {
"$type": "color",
"$value": "#271c0c"
}
}
}About this palette
True Pepperoni Harbor is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #FFEED9, #D2974C, #AC4100, #6C3800, #271C0C. APCA contrast score Lc 9.3. 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 Harbor by OKLab color distance.