← Back to Editor

#DCE5B0 · #AAA085 · #37342D · #D29882 · #F4EBCE

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

#DCE5B0

Willow Green · Wheat · Apple Green

HEX
#DCE5B0
RGB
rgb(220, 229, 176)
HSL
hsl(70, 50%, 79%)
HSB
hsb(70, 23%, 90%)
CMYK
cmyk(4%, 0%, 23%, 10%)
Oklch
oklch(90.2% 0.070 115.7)

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

#AAA085

Ginger · DarkGray · Sunflower

HEX
#AAA085
RGB
rgb(170, 160, 133)
HSL
hsl(44, 18%, 59%)
HSB
hsb(44, 22%, 67%)
CMYK
cmyk(0%, 6%, 22%, 33%)
Oklch
oklch(70.7% 0.040 90.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#37342D

Ochre · DarkSlateGray · Amber Gold

HEX
#37342D
RGB
rgb(55, 52, 45)
HSL
hsl(42, 10%, 20%)
HSB
hsb(42, 18%, 22%)
CMYK
cmyk(0%, 5%, 18%, 78%)
Oklch
oklch(32.6% 0.013 87.6)

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

#D29882

Apricot · DarkSalmon · Warm Sun

HEX
#D29882
RGB
rgb(210, 152, 130)
HSL
hsl(17, 47%, 67%)
HSB
hsb(17, 38%, 82%)
CMYK
cmyk(0%, 28%, 38%, 18%)
Oklch
oklch(73.0% 0.077 41.7)

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

#F4EBCE

Goose Yellow · Bisque · Lemon Cream

HEX
#F4EBCE
RGB
rgb(244, 235, 206)
HSL
hsl(46, 63%, 88%)
HSB
hsb(46, 16%, 96%)
CMYK
cmyk(0%, 4%, 16%, 4%)
Oklch
oklch(94.0% 0.039 92.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCE5B0
B8AFE4

Analogous

E4D2AF
DCE5B0
C1E4AF

Triadic

DCE5B0
AFDBE4
E4AFDB

Split-Comp.

DCE5B0
AFC1E4
D2AFE4

Tetradic

DCE5B0
AFE4D2
B8AFE4
E4AFC1

Contrast Matrix WCAG 2.1 Contrast

DCE5B0
AAA085
37342D
D29882
F4EBCE
—
2.0
Fail
9.4
AAA
1.9
Fail
1.1
Fail
2.0
Fail
—
4.8
AA
1.1
Fail
2.2
Fail
9.4
AAA
4.8
AA
—
5.1
AA
10.4
AAA
1.9
Fail
1.1
Fail
5.1
AA
—
2.1
Fail
1.1
Fail
2.2
Fail
10.4
AAA
2.1
Fail
—
White BG
1.3Fail
2.6Fail
12.4AAA
2.5Fail
1.2Fail
Black BG
15.9AAA
8.1AAA
1.7Fail
8.6AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0BD
A6A68C
36362F
B9B887
F0F0D5

Deuteranopia

DFDFC0
A6A78D
36362F
BCC189
F1F1D7

Tritanopia

DCC7C9
AA9192
373030
CF8C8C
F4DBDC

Achromatopsia

DCDCDC
A0A0A0
343434
A7A7A7
EAEAEA

Shades & Tints Shades & Tints

#DCE5B0

Dark
Light

#AAA085

Dark
Light

#37342D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dce5b0;
  --color-2: #aaa085;
  --color-3: #37342d;
  --color-4: #d29882;
  --color-5: #f4ebce;
}

SCSS

$color-1: #dce5b0;
$color-2: #aaa085;
$color-3: #37342d;
$color-4: #d29882;
$color-5: #f4ebce;

TAILWIND

colors: {
  'brand-1': '#dce5b0',
  'brand-2': '#aaa085',
  'brand-3': '#37342d',
  'brand-4': '#d29882',
  'brand-5': '#f4ebce',
}

RGB Array

[220, 229, 176], [170, 160, 133], [55, 52, 45], [210, 152, 130], [244, 235, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCE5B0, #AAA085, #37342D, #D29882, #F4EBCE 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: #dce5b0; --color-2: #aaa085; --color-3: #37342d; --color-4: #d29882; --color-5: #f4ebce. 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