← Back to Editor

#75203D · #56071C · #340016 · #E5E0AE · #270126

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 AppData Visualization

Color Details Color Details

#75203D

Dark Violet · Brown · Camellia

HEX
#75203D
RGB
rgb(117, 32, 61)
HSL
hsl(340, 57%, 29%)
HSB
hsb(340, 73%, 46%)
CMYK
cmyk(0%, 73%, 48%, 54%)
Oklch
oklch(38.8% 0.120 3.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#56071C

Dark Violet · Maroon · Raspberry

HEX
#56071C
RGB
rgb(86, 7, 28)
HSL
hsl(344, 85%, 18%)
HSB
hsb(344, 92%, 34%)
CMYK
cmyk(0%, 92%, 67%, 66%)
Oklch
oklch(29.5% 0.109 13.4)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#340016

Dark Violet · Black · Raspberry

HEX
#340016
RGB
rgb(52, 0, 22)
HSL
hsl(335, 100%, 10%)
HSB
hsb(335, 100%, 20%)
CMYK
cmyk(0%, 100%, 58%, 80%)
Oklch
oklch(21.0% 0.085 1.0)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#E5E0AE

Fresh Green · Wheat · Lemon Cream

HEX
#E5E0AE
RGB
rgb(229, 224, 174)
HSL
hsl(55, 51%, 79%)
HSB
hsb(55, 24%, 90%)
CMYK
cmyk(0%, 2%, 24%, 10%)
Oklch
oklch(89.8% 0.065 102.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#270126

Rose Purple · Black · Dark Purple

HEX
#270126
RGB
rgb(39, 1, 38)
HSL
hsl(302, 95%, 8%)
HSB
hsb(302, 97%, 15%)
CMYK
cmyk(0%, 97%, 3%, 85%)
Oklch
oklch(19.2% 0.085 329.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75203D
207458

Analogous

742066
75203D
742E20

Triadic

75203D
3C7420
203C74

Split-Comp.

75203D
20742E
206674

Tetradic

75203D
667420
207458
2E2074

Contrast Matrix WCAG 2.1 Contrast

75203D
56071C
340016
E5E0AE
270126
—
1.4
Fail
1.8
Fail
7.7
AAA
1.8
Fail
1.4
Fail
—
1.2
Fail
10.8
AAA
1.3
Fail
1.8
Fail
1.2
Fail
—
13.5
AAA
1.0
Fail
7.7
AAA
10.8
AAA
13.5
AAA
—
14.0
AAA
1.8
Fail
1.3
Fail
1.0
Fail
14.0
AAA
—
White BG
10.3AAA
14.6AAA
18.1AAA
1.3Fail
18.8AAA
Black BG
2.0Fail
1.4Fail
1.2Fail
15.6AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

504F36
343317
1D1D11
E3E3BA
17161D

Deuteranopia

555B34
383E16
21240F
E3E4BD
191C1B

Tritanopia

71302F
521312
310C0C
E5C4C6
251614

Achromatopsia

3D3D3D
212121
121212
DCDCDC
111111

Shades & Tints Shades & Tints

#75203D

Dark
Light

#56071C

Dark
Light

#340016

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75203d;
  --color-2: #56071c;
  --color-3: #340016;
  --color-4: #e5e0ae;
  --color-5: #270126;
}

SCSS

$color-1: #75203d;
$color-2: #56071c;
$color-3: #340016;
$color-4: #e5e0ae;
$color-5: #270126;

TAILWIND

colors: {
  'brand-1': '#75203d',
  'brand-2': '#56071c',
  'brand-3': '#340016',
  'brand-4': '#e5e0ae',
  'brand-5': '#270126',
}

RGB Array

[117, 32, 61], [86, 7, 28], [52, 0, 22], [229, 224, 174], [39, 1, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #75203D, #56071C, #340016, #E5E0AE, #270126 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #75203d; --color-2: #56071c; --color-3: #340016; --color-4: #e5e0ae; --color-5: #270126. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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