#C9DACD + #D3CEC3 + #D5C5BB + #E3CABB + #F1BEAF · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C9DACD

Celadon · LightGray · Mint Green

HEX

#C9DACD

RGB

rgb(201, 218, 205)

HSL

hsl(134, 19%, 82%)

HSB

hsb(134, 8%, 85%)

CMYK

cmyk(8%, 0%, 6%, 15%)

Oklch

oklch(87.2% 0.025 152.8)

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

#D3CEC3

Goose Yellow · LightGray · Lemon Cream

HEX

#D3CEC3

RGB

rgb(211, 206, 195)

HSL

hsl(41, 15%, 80%)

HSB

hsb(41, 8%, 83%)

CMYK

cmyk(0%, 2%, 8%, 17%)

Oklch

oklch(85.2% 0.016 86.4)

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

#D5C5BB

Apricot · Silver · Peach Orange

HEX

#D5C5BB

RGB

rgb(213, 197, 187)

HSL

hsl(23, 24%, 78%)

HSB

hsb(23, 12%, 84%)

CMYK

cmyk(0%, 8%, 12%, 16%)

Oklch

oklch(83.4% 0.023 54.3)

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

#E3CABB

Apricot · Wheat · Peach Orange

HEX

#E3CABB

RGB

rgb(227, 202, 187)

HSL

hsl(23, 42%, 81%)

HSB

hsb(23, 18%, 89%)

CMYK

cmyk(0%, 11%, 18%, 11%)

Oklch

oklch(85.6% 0.035 53.0)

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

#F1BEAF

Peach Pink · LightPink · Cherry Blossom

HEX

#F1BEAF

RGB

rgb(241, 190, 175)

HSL

hsl(14, 70%, 82%)

HSB

hsb(14, 27%, 95%)

CMYK

cmyk(0%, 21%, 27%, 5%)

Oklch

oklch(84.3% 0.063 37.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9DACD

DAC8D6

Analogous

CDDAC8

C9DACD

C8DAD5

Triadic

C9DACD

CCC8DA

DACCC8

Split-Comp.

C9DACD

D5C8DA

DAC8CD

Tetradic

C9DACD

C8CDDA

DAC8D6

DAD5C8

Contrast Matrix WCAG 2.1 Contrast

C9DACD	D3CEC3	D5C5BB	E3CABB	F1BEAF
—	1.1 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.1 Fail	—	1.1 Fail	1.0 Fail	1.1 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.0 Fail
1.1 Fail	1.0 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.1 Fail	1.0 Fail	1.1 Fail	—

White BG

1.5Fail

1.6Fail

1.7Fail

1.6Fail

1.7Fail

Black BG

14.4AAA

13.4AAA

12.5AAA

13.4AAA

12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D1D0

D1D1C6

CECEBD

D8D8BF

DBDAB3

Deuteranopia

CFCED1

D1D2C6

CFD0BE

DADBC0

DEE2B4

Tritanopia

CAD3D3

D3C8C8

D4BFC0

E2C1C2

EEB5B6

Achromatopsia

D3D3D3

CECECE

C9C9C9

D0D0D0

CCCCCC

Shades & Tints Shades & Tints

#C9DACD

Dark

Light

#D3CEC3

Dark

Light

#D5C5BB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9dacd;
  --color-2: #d3cec3;
  --color-3: #d5c5bb;
  --color-4: #e3cabb;
  --color-5: #f1beaf;
}

SCSS

$color-1: #c9dacd;
$color-2: #d3cec3;
$color-3: #d5c5bb;
$color-4: #e3cabb;
$color-5: #f1beaf;

TAILWIND

colors: {
  'brand-1': '#c9dacd',
  'brand-2': '#d3cec3',
  'brand-3': '#d5c5bb',
  'brand-4': '#e3cabb',
  'brand-5': '#f1beaf',
}

RGB Array

[201, 218, 205], [211, 206, 195], [213, 197, 187], [227, 202, 187], [241, 190, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #C9DACD, #D3CEC3, #D5C5BB, #E3CABB, #F1BEAF is ideal for: health products, baby brands, fresh-style blogs. 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: #c9dacd; --color-2: #d3cec3; --color-3: #d5c5bb; --color-4: #e3cabb; --color-5: #f1beaf. 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 cool-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