Crimson Red Color Palette
A powerful crimson palette conveying passion and urgency. Ideal for food, sports, and high-impact campaigns.
Dark Crimson
HEX: #7f1d1d
RGB: rgb(127, 29, 29)
HSL: hsl(0, 63%, 31%)
Deep Red
HEX: #b91c1c
RGB: rgb(185, 28, 28)
HSL: hsl(0, 74%, 42%)
Crimson
HEX: #dc2626
RGB: rgb(220, 38, 38)
HSL: hsl(0, 72%, 51%)
Light Red
HEX: #f87171
RGB: rgb(248, 113, 113)
HSL: hsl(0, 91%, 71%)
Red Wash
HEX: #fecaca
RGB: rgb(254, 202, 202)
HSL: hsl(0, 96%, 89%)
CSS Variables
:root {
--crimson-red-1: #7f1d1d;
--crimson-red-2: #b91c1c;
--crimson-red-3: #dc2626;
--crimson-red-4: #f87171;
--crimson-red-5: #fecaca;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'crimson-red': {
'100': '#7f1d1d',
'200': '#b91c1c',
'300': '#dc2626',
'400': '#f87171',
'500': '#fecaca',
},
},
},
},
}Use Cases
Food brands
Sports teams
Emergency alerts
Sale promotions
Related Palettes
Frequently Asked Questions
Why is red effective in food branding?▾
Red stimulates appetite and creates a sense of urgency. Major food brands like McDonalds, Coca-Cola, and KFC all use red prominently for this reason.
How much red is too much in a design?▾
Red should typically cover no more than 10-20% of a design as an accent. Too much red can feel aggressive or overwhelming. Balance with white space and neutral tones.