← Back to Editor

#E6E1DB · #FFD0DB · #FF9CB4 · #896863 · #CBD5CD

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

#E6E1DB

Goose Yellow · LightGray · Peach Orange

HEX
#E6E1DB
RGB
rgb(230, 225, 219)
HSL
hsl(33, 18%, 88%)
HSB
hsb(33, 5%, 90%)
CMYK
cmyk(0%, 2%, 5%, 10%)
Oklch
oklch(91.2% 0.010 72.7)

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

#FFD0DB

Peach Pink · Pink · Cherry Blossom

HEX
#FFD0DB
RGB
rgb(255, 208, 219)
HSL
hsl(346, 100%, 91%)
HSB
hsb(346, 18%, 100%)
CMYK
cmyk(0%, 18%, 14%, 0%)
Oklch
oklch(90.1% 0.055 2.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FF9CB4

Peach Pink · LightPink · Cherry Blossom

HEX
#FF9CB4
RGB
rgb(255, 156, 180)
HSL
hsl(345, 100%, 81%)
HSB
hsb(345, 39%, 100%)
CMYK
cmyk(0%, 39%, 29%, 0%)
Oklch
oklch(80.0% 0.121 4.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#896863

Crimson · DimGray · Passion Red

HEX
#896863
RGB
rgb(137, 104, 99)
HSL
hsl(8, 16%, 46%)
HSB
hsb(8, 28%, 54%)
CMYK
cmyk(0%, 24%, 28%, 46%)
Oklch
oklch(54.9% 0.043 28.4)

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

#CBD5CD

Celadon · LightGray · Mint Green

HEX
#CBD5CD
RGB
rgb(203, 213, 205)
HSL
hsl(132, 11%, 82%)
HSB
hsb(132, 5%, 84%)
CMYK
cmyk(5%, 0%, 4%, 16%)
Oklch
oklch(86.3% 0.015 151.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E1DB
DBE0E6

Analogous

E6DBDB
E6E1DB
E5E6DB

Triadic

E6E1DB
DBE6E1
E1DBE6

Split-Comp.

E6E1DB
DBE5E6
DBDBE6

Tetradic

E6E1DB
DBE6DB
DBE0E6
E6DBE5

Contrast Matrix WCAG 2.1 Contrast

E6E1DB
FFD0DB
FF9CB4
896863
CBD5CD
—
1.1
Fail
1.5
Fail
3.8
AA Large
1.2
Fail
1.1
Fail
—
1.4
Fail
3.6
AA Large
1.1
Fail
1.5
Fail
1.4
Fail
—
2.5
Fail
1.3
Fail
3.8
AA Large
3.6
AA Large
2.5
Fail
—
3.3
AA Large
1.2
Fail
1.1
Fail
1.3
Fail
3.3
AA Large
—
White BG
1.3Fail
1.4Fail
2.0Fail
5.0AA
1.5Fail
Black BG
16.2AAA
15.3AAA
10.7AAA
4.2AA Large
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4DC
EBEAD8
D4D3AE
7B7A64
CFCFCF

Deuteranopia

E4E5DD
EDF1D8
DAE1AD
7D7F65
CFCECF

Tritanopia

E6DEDE
FDD6D6
FAAAA9
876565
CCD0D1

Achromatopsia

E2E2E2
DFDFDF
BCBCBC
717171
D1D1D1

Shades & Tints Shades & Tints

#E6E1DB

Dark
Light

#FFD0DB

Dark
Light

#FF9CB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e1db;
  --color-2: #ffd0db;
  --color-3: #ff9cb4;
  --color-4: #896863;
  --color-5: #cbd5cd;
}

SCSS

$color-1: #e6e1db;
$color-2: #ffd0db;
$color-3: #ff9cb4;
$color-4: #896863;
$color-5: #cbd5cd;

TAILWIND

colors: {
  'brand-1': '#e6e1db',
  'brand-2': '#ffd0db',
  'brand-3': '#ff9cb4',
  'brand-4': '#896863',
  'brand-5': '#cbd5cd',
}

RGB Array

[230, 225, 219], [255, 208, 219], [255, 156, 180], [137, 104, 99], [203, 213, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6E1DB, #FFD0DB, #FF9CB4, #896863, #CBD5CD is ideal for: health products, baby brands, fresh-style blogs, 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: #e6e1db; --color-2: #ffd0db; --color-3: #ff9cb4; --color-4: #896863; --color-5: #cbd5cd. 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 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