← Back to Editor

#D6DED3 · #E2C3A2 · #E3A794 · #B499A2 · #655C68

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

WorkspaceReadingData Visualization

Color Details Color Details

#D6DED3

Celadon · LightGray · Mint Green

HEX
#D6DED3
RGB
rgb(214, 222, 211)
HSL
hsl(104, 14%, 85%)
HSB
hsb(104, 5%, 87%)
CMYK
cmyk(4%, 0%, 5%, 13%)
Oklch
oklch(89.1% 0.017 137.0)

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

#E2C3A2

Goose Yellow · BurlyWood · Peach Orange

HEX
#E2C3A2
RGB
rgb(226, 195, 162)
HSL
hsl(31, 52%, 76%)
HSB
hsb(31, 28%, 89%)
CMYK
cmyk(0%, 14%, 28%, 11%)
Oklch
oklch(83.5% 0.057 68.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E3A794

Peach Pink · BurlyWood · Coral Red

HEX
#E3A794
RGB
rgb(227, 167, 148)
HSL
hsl(14, 59%, 74%)
HSB
hsb(14, 35%, 89%)
CMYK
cmyk(0%, 26%, 35%, 11%)
Oklch
oklch(78.0% 0.076 38.3)

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

#B499A2

Rouge · DarkGray · Rose Pink

HEX
#B499A2
RGB
rgb(180, 153, 162)
HSL
hsl(340, 15%, 65%)
HSB
hsb(340, 15%, 71%)
CMYK
cmyk(0%, 15%, 10%, 29%)
Oklch
oklch(71.0% 0.034 355.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#655C68

Ink Gray · DimGray · Charcoal

HEX
#655C68
RGB
rgb(101, 92, 104)
HSL
hsl(285, 6%, 38%)
HSB
hsb(285, 12%, 41%)
CMYK
cmyk(3%, 12%, 0%, 59%)
Oklch
oklch(48.7% 0.022 317.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6DED3
DBD3DE

Analogous

DCDED3
D6DED3
D3DED6

Triadic

D6DED3
D3D6DE
DED3D6

Split-Comp.

D6DED3
D6D3DE
DED3DC

Tetradic

D6DED3
D3DCDE
DBD3DE
DED6D3

Contrast Matrix WCAG 2.1 Contrast

D6DED3
E2C3A2
E3A794
B499A2
655C68
—
1.2
Fail
1.5
Fail
1.9
Fail
4.6
AA
1.2
Fail
—
1.2
Fail
1.6
Fail
3.8
AA Large
1.5
Fail
1.2
Fail
—
1.3
Fail
3.1
AA Large
1.9
Fail
1.6
Fail
1.3
Fail
—
2.4
Fail
4.6
AA
3.8
AA Large
3.1
AA Large
2.4
Fail
—
White BG
1.4Fail
1.7Fail
2.1Fail
2.6Fail
6.4AA
Black BG
15.2AAA
12.6AAA
10.2AAA
8.0AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9DAD6
D5D4AA
C9C899
A8A8A0
616165

Deuteranopia

D9D8D6
D6D9AC
CDD19A
AAAC9F
626264

Tritanopia

D6D8D8
E0B0B2
E09C9D
B39E9E
656362

Achromatopsia

DADADA
C9C9C9
B7B7B7
A2A2A2
606060

Shades & Tints Shades & Tints

#D6DED3

Dark
Light

#E2C3A2

Dark
Light

#E3A794

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6ded3;
  --color-2: #e2c3a2;
  --color-3: #e3a794;
  --color-4: #b499a2;
  --color-5: #655c68;
}

SCSS

$color-1: #d6ded3;
$color-2: #e2c3a2;
$color-3: #e3a794;
$color-4: #b499a2;
$color-5: #655c68;

TAILWIND

colors: {
  'brand-1': '#d6ded3',
  'brand-2': '#e2c3a2',
  'brand-3': '#e3a794',
  'brand-4': '#b499a2',
  'brand-5': '#655c68',
}

RGB Array

[214, 222, 211], [226, 195, 162], [227, 167, 148], [180, 153, 162], [101, 92, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6DED3, #E2C3A2, #E3A794, #B499A2, #655C68 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #d6ded3; --color-2: #e2c3a2; --color-3: #e3a794; --color-4: #b499a2; --color-5: #655c68. 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. 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 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