← Back to Editor

#D3DCCD · #EAD89E · #FD9FDD · #88B19A · #349D9E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#D3DCCD

Celadon · LightGray · Mint Green

HEX
#D3DCCD
RGB
rgb(211, 220, 205)
HSL
hsl(96, 18%, 83%)
HSB
hsb(96, 7%, 86%)
CMYK
cmyk(4%, 0%, 7%, 14%)
Oklch
oklch(88.3% 0.022 132.6)

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

#EAD89E

Goose Yellow · Khaki · Lemon Cream

HEX
#EAD89E
RGB
rgb(234, 216, 158)
HSL
hsl(46, 64%, 77%)
HSB
hsb(46, 32%, 92%)
CMYK
cmyk(0%, 8%, 32%, 8%)
Oklch
oklch(88.3% 0.077 92.9)

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

#FD9FDD

Mauve · LightPink · Cherry Blossom

HEX
#FD9FDD
RGB
rgb(253, 159, 221)
HSL
hsl(320, 96%, 81%)
HSB
hsb(320, 37%, 99%)
CMYK
cmyk(0%, 37%, 13%, 1%)
Oklch
oklch(81.6% 0.135 340.7)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#88B19A

Celadon · DarkSeaGreen · Apple Green

HEX
#88B19A
RGB
rgb(136, 177, 154)
HSL
hsl(146, 21%, 61%)
HSB
hsb(146, 23%, 69%)
CMYK
cmyk(23%, 0%, 13%, 31%)
Oklch
oklch(72.4% 0.055 160.1)

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

#349D9E

Slate Blue · LightSeaGreen · Mint Ice

HEX
#349D9E
RGB
rgb(52, 157, 158)
HSL
hsl(181, 50%, 41%)
HSB
hsb(181, 67%, 62%)
CMYK
cmyk(67%, 1%, 0%, 38%)
Oklch
oklch(63.8% 0.093 196.0)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3DCCD
D5CCDB

Analogous

DADBCC
D3DCCD
CCDBCD

Triadic

D3DCCD
CCD2DB
DBCCD2

Split-Comp.

D3DCCD
CDCCDB
DBCCDA

Tetradic

D3DCCD
CCDADB
D5CCDB
DBCDCC

Contrast Matrix WCAG 2.1 Contrast

D3DCCD
EAD89E
FD9FDD
88B19A
349D9E
—
1.0
Fail
1.3
Fail
1.7
Fail
2.3
Fail
1.0
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.3
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
1.7
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
2.3
Fail
2.3
Fail
1.7
Fail
1.4
Fail
—
White BG
1.4Fail
1.4Fail
1.9Fail
2.4Fail
3.2AA Large
Black BG
14.9AAA
14.8AAA
11.2AAA
8.8AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7D1
E2E2AC
D4D3CE
9A9AA0
61629E

Deuteranopia

D6D6D2
E3E5AF
DAE1CA
9794A1
5B549E

Tritanopia

D3D3D4
E9B7BA
F8C2C0
8AA4A5
399E9E

Achromatopsia

D8D8D8
D7D7D7
C2C2C2
A2A2A2
7E7E7E

Shades & Tints Shades & Tints

#D3DCCD

Dark
Light

#EAD89E

Dark
Light

#FD9FDD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3dccd;
  --color-2: #ead89e;
  --color-3: #fd9fdd;
  --color-4: #88b19a;
  --color-5: #349d9e;
}

SCSS

$color-1: #d3dccd;
$color-2: #ead89e;
$color-3: #fd9fdd;
$color-4: #88b19a;
$color-5: #349d9e;

TAILWIND

colors: {
  'brand-1': '#d3dccd',
  'brand-2': '#ead89e',
  'brand-3': '#fd9fdd',
  'brand-4': '#88b19a',
  'brand-5': '#349d9e',
}

RGB Array

[211, 220, 205], [234, 216, 158], [253, 159, 221], [136, 177, 154], [52, 157, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3DCCD, #EAD89E, #FD9FDD, #88B19A, #349D9E 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: #d3dccd; --color-2: #ead89e; --color-3: #fd9fdd; --color-4: #88b19a; --color-5: #349d9e. 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