← Back to Editor

#32252E · #D03809 · #FF4A01 · #ED7A01 · #74453F

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#32252E

Rose Purple · DarkSlateGray · Dark Purple

HEX
#32252E
RGB
rgb(50, 37, 46)
HSL
hsl(318, 15%, 17%)
HSB
hsb(318, 26%, 20%)
CMYK
cmyk(0%, 26%, 8%, 80%)
Oklch
oklch(28.3% 0.025 337.8)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#D03809

Vermilion · FireBrick · Passion Red

HEX
#D03809
RGB
rgb(208, 56, 9)
HSL
hsl(14, 92%, 43%)
HSB
hsb(14, 96%, 82%)
CMYK
cmyk(0%, 73%, 96%, 18%)
Oklch
oklch(56.8% 0.195 35.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FF4A01

Tangerine · OrangeRed · Amber Brown

HEX
#FF4A01
RGB
rgb(255, 74, 1)
HSL
hsl(17, 100%, 50%)
HSB
hsb(17, 100%, 100%)
CMYK
cmyk(0%, 71%, 100%, 0%)
Oklch
oklch(66.5% 0.226 36.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#ED7A01

Ochre · Chocolate · Amber Brown

HEX
#ED7A01
RGB
rgb(237, 122, 1)
HSL
hsl(31, 99%, 47%)
HSB
hsb(31, 100%, 93%)
CMYK
cmyk(0%, 49%, 100%, 7%)
Oklch
oklch(69.8% 0.174 54.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#74453F

Crimson · Sienna · Wine Red

HEX
#74453F
RGB
rgb(116, 69, 63)
HSL
hsl(7, 30%, 35%)
HSB
hsb(7, 46%, 45%)
CMYK
cmyk(0%, 41%, 46%, 55%)
Oklch
oklch(44.4% 0.066 27.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32252E
253229

Analogous

2F2532
32252E
322527

Triadic

32252E
2E3225
252E32

Split-Comp.

32252E
273225
25322F

Tetradic

32252E
322F25
253229
252732

Contrast Matrix WCAG 2.1 Contrast

32252E
D03809
FF4A01
ED7A01
74453F
—
3.0
Fail
4.3
AA Large
5.1
AA
1.9
Fail
3.0
Fail
—
1.5
Fail
1.7
Fail
1.6
Fail
4.3
AA Large
1.5
Fail
—
1.2
Fail
2.3
Fail
5.1
AA
1.7
Fail
1.2
Fail
—
2.8
Fail
1.9
Fail
1.6
Fail
2.3
Fail
2.8
Fail
—
White BG
14.6AAA
4.9AA
3.4AA Large
2.8Fail
7.9AAA
Black BG
1.4Fail
4.3AA Large
6.2AA
7.4AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C2C
8E8D14
B1AF13
BBBA1E
605F40

Deuteranopia

2D2E2B
97A217
BBC917
C2CA25
626641

Tritanopia

312A2A
C81D1F
F62124
E7353A
724242

Achromatopsia

2A2A2A
606060
787878
8F8F8F
525252

Shades & Tints Shades & Tints

#32252E

Dark
Light

#D03809

Dark
Light

#FF4A01

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32252e;
  --color-2: #d03809;
  --color-3: #ff4a01;
  --color-4: #ed7a01;
  --color-5: #74453f;
}

SCSS

$color-1: #32252e;
$color-2: #d03809;
$color-3: #ff4a01;
$color-4: #ed7a01;
$color-5: #74453f;

TAILWIND

colors: {
  'brand-1': '#32252e',
  'brand-2': '#d03809',
  'brand-3': '#ff4a01',
  'brand-4': '#ed7a01',
  'brand-5': '#74453f',
}

RGB Array

[50, 37, 46], [208, 56, 9], [255, 74, 1], [237, 122, 1], [116, 69, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #32252E, #D03809, #FF4A01, #ED7A01, #74453F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #32252e; --color-2: #d03809; --color-3: #ff4a01; --color-4: #ed7a01; --color-5: #74453f. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color