Palette · 6 colors · Lc 7.7
Angry Tomato Bloom palette
Angry Tomato Bloom: a 6-color palette (Orange, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #ECD6D2, #ED8780, #D6302E, #A80004, #570B02, #0F0504, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECD6D2
surface
#ED8780
muted
#D6302E
primary
#A80004
accent
#570B02
text
#0F0504
Colors in Angry Tomato Bloom: HEX, RGB, HSL & OKLCH
- #ECD6D2 color page →
bg
#ECD6D2
- RGB
- rgb(236 214 210)
- HSL
- hsl(9 41% 87%)
- OKLCH
- oklch(0.893 0.025 29.9)
WCAG contrast: on white 1.38:1 (Fail) · on black 15.11:1 (AAA)
- #ED8780 color page →
surface
#ED8780
- RGB
- rgb(237 135 128)
- HSL
- hsl(4 75% 72%)
- OKLCH
- oklch(0.732 0.126 24.7)
WCAG contrast: on white 2.50:1 (Fail) · on black 8.37:1 (AAA)
- #D6302E color page →
muted
#D6302E
- RGB
- rgb(214 48 46)
- HSL
- hsl(1 67% 51%)
- OKLCH
- oklch(0.574 0.202 26.9)
WCAG contrast: on white 4.85:1 (AA) · on black 4.32:1 (Fail)
- #A80004 color page →
primary
#A80004
- RGB
- rgb(168 0 4)
- HSL
- hsl(359 100% 33%)
- OKLCH
- oklch(0.46 0.188 28.7)
WCAG contrast: on white 7.87:1 (AAA) · on black 2.66:1 (Fail)
- #570B02 color page →
accent
#570B02
- RGB
- rgb(87 11 2)
- HSL
- hsl(6 96% 17%)
- OKLCH
- oklch(0.296 0.109 31.7)
WCAG contrast: on white 14.44:1 (AAA) · on black 1.45:1 (Fail)
- #0F0504 color page →
text
#0F0504
- RGB
- rgb(15 5 4)
- HSL
- hsl(5 58% 4%)
- OKLCH
- oklch(0.132 0.021 29)
WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)
Export Angry Tomato Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecd6d2;
--surface: #ed8780;
--muted: #d6302e;
--primary: #a80004;
--accent: #570b02;
--text: #0f0504;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecd6d2;
--color-surface: #ed8780;
--color-muted: #d6302e;
--color-primary: #a80004;
--color-accent: #570b02;
--color-text: #0f0504;
}JSON (DTCG tokens)
{
"angry-tomato-bloom-6sg": {
"bg": {
"$type": "color",
"$value": "#ecd6d2"
},
"surface": {
"$type": "color",
"$value": "#ed8780"
},
"muted": {
"$type": "color",
"$value": "#d6302e"
},
"primary": {
"$type": "color",
"$value": "#a80004"
},
"accent": {
"$type": "color",
"$value": "#570b02"
},
"text": {
"$type": "color",
"$value": "#0f0504"
}
}
}About this palette
Angry Tomato Bloom is a 6-color OKLCH-ready palette tagged orange, warm, 6 colors. Hex values: #ECD6D2, #ED8780, #D6302E, #A80004, #570B02, #0F0504. APCA contrast score Lc 7.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 Angry Tomato Bloom by OKLab color distance.