Palette · 8 colors · Lc 9.3
Peri Peri Pulse palette
Peri Peri Pulse: a 8-color palette (Orange, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #FFE5E2, #FFB4B7, #FE85A0, #EE506B, #C92A2A, #9B1A00, #610D00, #2E0003, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE5E2
surface
#FFB4B7
muted
#FE85A0
primary
#EE506B
secondary
#C92A2A
accent
#9B1A00
highlight
#610D00
text
#2E0003
Colors in Peri Peri Pulse: HEX, RGB, HSL & OKLCH
- #FFE5E2 color page →
bg
#FFE5E2
- RGB
- rgb(255 229 226)
- HSL
- hsl(6 100% 94%)
- OKLCH
- oklch(0.942 0.029 25.6)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.55:1 (AAA)
- #FFB4B7 color page →
surface
#FFB4B7
- RGB
- rgb(255 180 183)
- HSL
- hsl(358 100% 85%)
- OKLCH
- oklch(0.841 0.088 16.5)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.46:1 (AAA)
- #FE85A0 color page →
muted
#FE85A0
- RGB
- rgb(254 133 160)
- HSL
- hsl(347 98% 76%)
- OKLCH
- oklch(0.758 0.149 7.1)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.07:1 (AAA)
- #EE506B color page →
primary
#EE506B
- RGB
- rgb(238 80 107)
- HSL
- hsl(350 82% 62%)
- OKLCH
- oklch(0.654 0.193 14.3)
WCAG contrast: on white 3.50:1 (Fail) · on black 5.99:1 (AA)
- #C92A2A color page →
secondary
#C92A2A
- RGB
- rgb(201 42 42)
- HSL
- hsl(0 65% 48%)
- OKLCH
- oklch(0.546 0.195 26.6)
WCAG contrast: on white 5.45:1 (AA) · on black 3.84:1 (Fail)
- #9B1A00 color page →
accent
#9B1A00
- RGB
- rgb(155 26 0)
- HSL
- hsl(10 100% 30%)
- OKLCH
- oklch(0.445 0.167 32.4)
WCAG contrast: on white 8.26:1 (AAA) · on black 2.54:1 (Fail)
- #610D00 color page →
highlight
#610D00
- RGB
- rgb(97 13 0)
- HSL
- hsl(8 100% 19%)
- OKLCH
- oklch(0.319 0.119 32.7)
WCAG contrast: on white 13.41:1 (AAA) · on black 1.56:1 (Fail)
- #2E0003 color page →
text
#2E0003
- RGB
- rgb(46 0 3)
- HSL
- hsl(356 100% 9%)
- OKLCH
- oklch(0.19 0.077 23.6)
WCAG contrast: on white 18.79:1 (AAA) · on black 1.11:1 (Fail)
Export Peri Peri Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe5e2;
--surface: #ffb4b7;
--muted: #fe85a0;
--primary: #ee506b;
--secondary: #c92a2a;
--accent: #9b1a00;
--highlight: #610d00;
--text: #2e0003;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe5e2;
--color-surface: #ffb4b7;
--color-muted: #fe85a0;
--color-primary: #ee506b;
--color-secondary: #c92a2a;
--color-accent: #9b1a00;
--color-highlight: #610d00;
--color-text: #2e0003;
}JSON (DTCG tokens)
{
"peri-peri-pulse-66w": {
"bg": {
"$type": "color",
"$value": "#ffe5e2"
},
"surface": {
"$type": "color",
"$value": "#ffb4b7"
},
"muted": {
"$type": "color",
"$value": "#fe85a0"
},
"primary": {
"$type": "color",
"$value": "#ee506b"
},
"secondary": {
"$type": "color",
"$value": "#c92a2a"
},
"accent": {
"$type": "color",
"$value": "#9b1a00"
},
"highlight": {
"$type": "color",
"$value": "#610d00"
},
"text": {
"$type": "color",
"$value": "#2e0003"
}
}
}About this palette
Peri Peri Pulse is a 8-color OKLCH-ready palette tagged orange, warm, 8 colors. Hex values: #FFE5E2, #FFB4B7, #FE85A0, #EE506B, #C92A2A, #9B1A00, #610D00, #2E0003. 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 Peri Peri Pulse by OKLab color distance.