← Back to Editor

#EDE8E5 · #DEDBD2 · #BBBBAF · #CC9C85 · #DC7964

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDE8E5

Apricot · Linen · Peach Orange

HEX
#EDE8E5
RGB
rgb(237, 232, 229)
HSL
hsl(22, 18%, 91%)
HSB
hsb(22, 3%, 93%)
CMYK
cmyk(0%, 2%, 3%, 7%)
Oklch
oklch(93.4% 0.007 53.4)

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

#DEDBD2

Goose Yellow · LightGray · Lemon Cream

HEX
#DEDBD2
RGB
rgb(222, 219, 210)
HSL
hsl(45, 15%, 85%)
HSB
hsb(45, 5%, 87%)
CMYK
cmyk(0%, 1%, 5%, 13%)
Oklch
oklch(89.1% 0.013 91.5)

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

#BBBBAF

Fresh Green · Silver · Pearl Gray

HEX
#BBBBAF
RGB
rgb(187, 187, 175)
HSL
hsl(60, 8%, 71%)
HSB
hsb(60, 6%, 73%)
CMYK
cmyk(0%, 0%, 6%, 27%)
Oklch
oklch(78.9% 0.017 106.8)

Traditional「Fresh Green」· Paint「Pearl Gray」· Creative Silver Lining

#CC9C85

Apricot · Tan · Warm Sun

HEX
#CC9C85
RGB
rgb(204, 156, 133)
HSL
hsl(19, 41%, 66%)
HSB
hsb(19, 35%, 80%)
CMYK
cmyk(0%, 24%, 35%, 20%)
Oklch
oklch(73.2% 0.066 46.8)

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

#DC7964

Peach Pink · Salmon · Coral Red

HEX
#DC7964
RGB
rgb(220, 121, 100)
HSL
hsl(10, 63%, 63%)
HSB
hsb(10, 55%, 86%)
CMYK
cmyk(0%, 45%, 55%, 14%)
Oklch
oklch(68.2% 0.128 33.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE8E5
E4E9EC

Analogous

ECE4E5
EDE8E5
ECEBE4

Triadic

EDE8E5
E4ECE7
E7E4EC

Split-Comp.

EDE8E5
E4ECEB
E4E5EC

Tetradic

EDE8E5
E5ECE4
E4E9EC
EBE4EC

Contrast Matrix WCAG 2.1 Contrast

EDE8E5
DEDBD2
BBBBAF
CC9C85
DC7964
—
1.1
Fail
1.6
Fail
2.0
Fail
2.5
Fail
1.1
Fail
—
1.4
Fail
1.8
Fail
2.2
Fail
1.6
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
2.5
Fail
2.2
Fail
1.6
Fail
1.2
Fail
—
White BG
1.2Fail
1.4Fail
1.9Fail
2.4Fail
3.0AA Large
Black BG
17.3AAA
15.2AAA
10.8AAA
8.7AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBE6
DDDDD4
BBBBB2
B7B78B
B1B069

Deuteranopia

EBEBE6
DDDDD5
BBBBB3
BABE8C
B7BE6A

Tritanopia

EDE6E6
DED6D6
BBB4B5
CA8F90
D76D6E

Achromatopsia

E9E9E9
DBDBDB
BABABA
A8A8A8
949494

Shades & Tints Shades & Tints

#EDE8E5

Dark
Light

#DEDBD2

Dark
Light

#BBBBAF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede8e5;
  --color-2: #dedbd2;
  --color-3: #bbbbaf;
  --color-4: #cc9c85;
  --color-5: #dc7964;
}

SCSS

$color-1: #ede8e5;
$color-2: #dedbd2;
$color-3: #bbbbaf;
$color-4: #cc9c85;
$color-5: #dc7964;

TAILWIND

colors: {
  'brand-1': '#ede8e5',
  'brand-2': '#dedbd2',
  'brand-3': '#bbbbaf',
  'brand-4': '#cc9c85',
  'brand-5': '#dc7964',
}

RGB Array

[237, 232, 229], [222, 219, 210], [187, 187, 175], [204, 156, 133], [220, 121, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE8E5, #DEDBD2, #BBBBAF, #CC9C85, #DC7964 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #ede8e5; --color-2: #dedbd2; --color-3: #bbbbaf; --color-4: #cc9c85; --color-5: #dc7964. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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