← Back to Editor

#E7D5C9 · #D48354 · #C95B4C · #78543E · #564732

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E7D5C9

Apricot · LightGray · Peach Orange

HEX
#E7D5C9
RGB
rgb(231, 213, 201)
HSL
hsl(24, 38%, 85%)
HSB
hsb(24, 13%, 91%)
CMYK
cmyk(0%, 8%, 13%, 9%)
Oklch
oklch(88.4% 0.026 56.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D48354

Tangerine · Coral · Warm Sun

HEX
#D48354
RGB
rgb(212, 131, 84)
HSL
hsl(22, 60%, 58%)
HSB
hsb(22, 60%, 83%)
CMYK
cmyk(0%, 38%, 60%, 17%)
Oklch
oklch(68.6% 0.118 49.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C95B4C

Crimson · Chocolate · Passion Red

HEX
#C95B4C
RGB
rgb(201, 91, 76)
HSL
hsl(7, 54%, 54%)
HSB
hsb(7, 62%, 79%)
CMYK
cmyk(0%, 55%, 62%, 21%)
Oklch
oklch(60.5% 0.143 29.7)

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

#78543E

Tangerine · Sienna · Amber Brown

HEX
#78543E
RGB
rgb(120, 84, 62)
HSL
hsl(23, 32%, 36%)
HSB
hsb(23, 48%, 47%)
CMYK
cmyk(0%, 30%, 48%, 53%)
Oklch
oklch(47.9% 0.059 52.3)

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

#564732

Ochre · DarkOliveGreen · Amber Brown

HEX
#564732
RGB
rgb(86, 71, 50)
HSL
hsl(35, 26%, 27%)
HSB
hsb(35, 42%, 34%)
CMYK
cmyk(0%, 17%, 42%, 66%)
Oklch
oklch(40.8% 0.039 75.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7D5C9
CADCE7

Analogous

E7CACD
E7D5C9
E7E4CA

Triadic

E7D5C9
CAE7D6
D6CAE7

Split-Comp.

E7D5C9
CAE7E4
CACDE7

Tetradic

E7D5C9
CDE7CA
CADCE7
E4CAE7

Contrast Matrix WCAG 2.1 Contrast

E7D5C9
D48354
C95B4C
78543E
564732
—
2.1
Fail
2.9
Fail
4.7
AA
6.3
AA
2.1
Fail
—
1.4
Fail
2.3
Fail
3.1
AA Large
2.9
Fail
1.4
Fail
—
1.6
Fail
2.2
Fail
4.7
AA
2.3
Fail
1.6
Fail
—
1.3
Fail
6.3
AA
3.1
AA Large
2.2
Fail
1.3
Fail
—
White BG
1.4Fail
2.9Fail
4.1AA Large
6.7AA
9.0AAA
Black BG
14.8AAA
7.2AAA
5.1AA
3.1AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFCC
B1B05F
999850
686843
504F37

Deuteranopia

E0E2CD
B6BC62
A0A851
6B6D45
505238

Tritanopia

E6CECF
D0686A
C45253
764848
553B3C

Achromatopsia

D9D9D9
969696
7A7A7A
5C5C5C
494949

Shades & Tints Shades & Tints

#E7D5C9

Dark
Light

#D48354

Dark
Light

#C95B4C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7d5c9;
  --color-2: #d48354;
  --color-3: #c95b4c;
  --color-4: #78543e;
  --color-5: #564732;
}

SCSS

$color-1: #e7d5c9;
$color-2: #d48354;
$color-3: #c95b4c;
$color-4: #78543e;
$color-5: #564732;

TAILWIND

colors: {
  'brand-1': '#e7d5c9',
  'brand-2': '#d48354',
  'brand-3': '#c95b4c',
  'brand-4': '#78543e',
  'brand-5': '#564732',
}

RGB Array

[231, 213, 201], [212, 131, 84], [201, 91, 76], [120, 84, 62], [86, 71, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E7D5C9, #D48354, #C95B4C, #78543E, #564732 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e7d5c9; --color-2: #d48354; --color-3: #c95b4c; --color-4: #78543e; --color-5: #564732. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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