← Back to Editor

#DAE5AB · #E9A385 · #FA154B · #87313F · #604E48

A 5-color palette 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

#DAE5AB

Willow Green · Wheat · Apple Green

HEX
#DAE5AB
RGB
rgb(218, 229, 171)
HSL
hsl(71, 53%, 78%)
HSB
hsb(71, 25%, 90%)
CMYK
cmyk(5%, 0%, 25%, 10%)
Oklch
oklch(89.9% 0.077 116.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E9A385

Apricot · DarkSalmon · Warm Sun

HEX
#E9A385
RGB
rgb(233, 163, 133)
HSL
hsl(18, 69%, 72%)
HSB
hsb(18, 43%, 91%)
CMYK
cmyk(0%, 30%, 43%, 9%)
Oklch
oklch(77.6% 0.093 44.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FA154B

Vermilion · Crimson · Passion Red

HEX
#FA154B
RGB
rgb(250, 21, 75)
HSL
hsl(346, 96%, 53%)
HSB
hsb(346, 92%, 98%)
CMYK
cmyk(0%, 92%, 70%, 2%)
Oklch
oklch(62.9% 0.245 18.4)

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

#87313F

Crimson · Brown · Wine Red

HEX
#87313F
RGB
rgb(135, 49, 63)
HSL
hsl(350, 47%, 36%)
HSB
hsb(350, 64%, 53%)
CMYK
cmyk(0%, 64%, 53%, 47%)
Oklch
oklch(44.0% 0.118 13.6)

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

#604E48

Tangerine · DarkOliveGreen · Amber Brown

HEX
#604E48
RGB
rgb(96, 78, 72)
HSL
hsl(15, 14%, 33%)
HSB
hsb(15, 25%, 38%)
CMYK
cmyk(0%, 19%, 25%, 62%)
Oklch
oklch(44.0% 0.026 39.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE5AB
B4A9E5

Analogous

E5D2A9
DAE5AB
BCE5A9

Triadic

DAE5AB
A9DAE5
E5A9DA

Split-Comp.

DAE5AB
A9BCE5
D2A9E5

Tetradic

DAE5AB
A9E5D2
B4A9E5
E5A9BC

Contrast Matrix WCAG 2.1 Contrast

DAE5AB
E9A385
FA154B
87313F
604E48
—
1.6
Fail
3.0
Fail
6.2
AA
5.9
AA
1.6
Fail
—
1.9
Fail
4.0
AA Large
3.7
AA Large
3.0
Fail
1.9
Fail
—
2.1
Fail
2.0
Fail
6.2
AA
4.0
AA Large
2.1
Fail
—
1.1
Fail
5.9
AA
3.7
AA Large
2.0
Fail
1.1
Fail
—
White BG
1.3Fail
2.1Fail
4.0AA Large
8.3AAA
7.8AAA
Black BG
15.8AAA
10.0AAA
5.3AA
2.5Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFB9
CBCA8C
97953E
62613C
585849

Deuteranopia

DEDDBC
CFD48E
A4B53B
676D3B
595B4A

Tritanopia

DBC4C7
E69293
EF3431
833938
5F4B4B

Achromatopsia

DBDBDB
B5B5B5
606060
4C4C4C
535353

Shades & Tints Shades & Tints

#DAE5AB

Dark
Light

#E9A385

Dark
Light

#FA154B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae5ab;
  --color-2: #e9a385;
  --color-3: #fa154b;
  --color-4: #87313f;
  --color-5: #604e48;
}

SCSS

$color-1: #dae5ab;
$color-2: #e9a385;
$color-3: #fa154b;
$color-4: #87313f;
$color-5: #604e48;

TAILWIND

colors: {
  'brand-1': '#dae5ab',
  'brand-2': '#e9a385',
  'brand-3': '#fa154b',
  'brand-4': '#87313f',
  'brand-5': '#604e48',
}

RGB Array

[218, 229, 171], [233, 163, 133], [250, 21, 75], [135, 49, 63], [96, 78, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE5AB, #E9A385, #FA154B, #87313F, #604E48 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: #dae5ab; --color-2: #e9a385; --color-3: #fa154b; --color-4: #87313f; --color-5: #604e48. 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 general-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