← Back to Editor

#DAE0D2 · #85B4A0 · #B3A189 · #9C3234 · #37221F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DAE0D2

Willow Green · LightGray · Mint Green

HEX
#DAE0D2
RGB
rgb(218, 224, 210)
HSL
hsl(86, 18%, 85%)
HSB
hsb(86, 6%, 88%)
CMYK
cmyk(3%, 0%, 6%, 12%)
Oklch
oklch(89.8% 0.020 125.8)

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

#85B4A0

Jade · DarkSeaGreen · Apple Green

HEX
#85B4A0
RGB
rgb(133, 180, 160)
HSL
hsl(154, 24%, 61%)
HSB
hsb(154, 26%, 71%)
CMYK
cmyk(26%, 0%, 11%, 29%)
Oklch
oklch(73.1% 0.058 166.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#B3A189

Ginger · DarkGray · Warm Sun

HEX
#B3A189
RGB
rgb(179, 161, 137)
HSL
hsl(34, 22%, 62%)
HSB
hsb(34, 23%, 70%)
CMYK
cmyk(0%, 10%, 23%, 30%)
Oklch
oklch(71.8% 0.040 75.0)

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

#9C3234

Crimson · Brown · Wine Red

HEX
#9C3234
RGB
rgb(156, 50, 52)
HSL
hsl(359, 51%, 40%)
HSB
hsb(359, 68%, 61%)
CMYK
cmyk(0%, 68%, 67%, 39%)
Oklch
oklch(47.5% 0.141 23.2)

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

#37221F

Crimson · DarkSlateGray · Deep Berry

HEX
#37221F
RGB
rgb(55, 34, 31)
HSL
hsl(8, 28%, 17%)
HSB
hsb(8, 44%, 22%)
CMYK
cmyk(0%, 38%, 44%, 78%)
Oklch
oklch(27.8% 0.033 28.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE0D2
D8D2E0

Analogous

E0DFD2
DAE0D2
D3E0D2

Triadic

DAE0D2
D2DAE0
E0D2DA

Split-Comp.

DAE0D2
D2D3E0
DFD2E0

Tetradic

DAE0D2
D2E0DF
D8D2E0
E0D2D3

Contrast Matrix WCAG 2.1 Contrast

DAE0D2
85B4A0
B3A189
9C3234
37221F
—
1.7
Fail
1.9
Fail
5.3
AA
11.0
AAA
1.7
Fail
—
1.1
Fail
3.1
AA Large
6.4
AA
1.9
Fail
1.1
Fail
—
2.9
Fail
5.9
AA
5.3
AA
3.1
AA Large
2.9
Fail
—
2.1
Fail
11.0
AAA
6.4
AA
5.9
AA
2.1
Fail
—
White BG
1.3Fail
2.3Fail
2.5Fail
7.2AAA
14.9AAA
Black BG
15.6AAA
9.0AAA
8.4AAA
2.9Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDD5
999AA5
ABAB8F
6E6D34
2E2E20

Deuteranopia

DCDCD6
9793A6
ACAE90
747C33
2F3120

Tritanopia

DAD8D9
87A9AA
B29394
973333
362020

Achromatopsia

DDDDDD
A4A4A4
A4A4A4
525252
282828

Shades & Tints Shades & Tints

#DAE0D2

Dark
Light

#85B4A0

Dark
Light

#B3A189

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae0d2;
  --color-2: #85b4a0;
  --color-3: #b3a189;
  --color-4: #9c3234;
  --color-5: #37221f;
}

SCSS

$color-1: #dae0d2;
$color-2: #85b4a0;
$color-3: #b3a189;
$color-4: #9c3234;
$color-5: #37221f;

TAILWIND

colors: {
  'brand-1': '#dae0d2',
  'brand-2': '#85b4a0',
  'brand-3': '#b3a189',
  'brand-4': '#9c3234',
  'brand-5': '#37221f',
}

RGB Array

[218, 224, 210], [133, 180, 160], [179, 161, 137], [156, 50, 52], [55, 34, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE0D2, #85B4A0, #B3A189, #9C3234, #37221F is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dae0d2; --color-2: #85b4a0; --color-3: #b3a189; --color-4: #9c3234; --color-5: #37221f. 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. Restrained colors convey professionalism and trust. 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