#DFE9E5 + #C4E9D5 + #CAD9B5 + #DEC295 + #FF6F59 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DFE9E5

Jade · Lavender · Mint Green

HEX

#DFE9E5

RGB

rgb(223, 233, 229)

HSL

hsl(156, 19%, 89%)

HSB

hsb(156, 4%, 91%)

CMYK

cmyk(4%, 0%, 2%, 9%)

Oklch

oklch(92.5% 0.012 170.3)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#C4E9D5

Celadon · LightGray · Mint Green

HEX

#C4E9D5

RGB

rgb(196, 233, 213)

HSL

hsl(148, 46%, 84%)

HSB

hsb(148, 16%, 91%)

CMYK

cmyk(16%, 0%, 9%, 9%)

Oklch

oklch(90.2% 0.047 161.7)

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

#CAD9B5

Willow Green · Silver · Apple Green

HEX

#CAD9B5

RGB

rgb(202, 217, 181)

HSL

hsl(85, 32%, 78%)

HSB

hsb(85, 17%, 85%)

CMYK

cmyk(7%, 0%, 17%, 15%)

Oklch

oklch(86.4% 0.051 125.9)

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

#DEC295

Goose Yellow · BurlyWood · Warm Sun

HEX

#DEC295

RGB

rgb(222, 194, 149)

HSL

hsl(37, 53%, 73%)

HSB

hsb(37, 33%, 87%)

CMYK

cmyk(0%, 13%, 33%, 13%)

Oklch

oklch(82.7% 0.067 79.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FF6F59

Peach Pink · Coral · Coral Red

HEX

#FF6F59

RGB

rgb(255, 111, 89)

HSL

hsl(8, 100%, 67%)

HSB

hsb(8, 65%, 100%)

CMYK

cmyk(0%, 56%, 65%, 0%)

Oklch

oklch(71.4% 0.180 30.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFE9E5

E8DEE2

Analogous

DEE8DF

DFE9E5

DEE7E8

Triadic

DFE9E5

E4DEE8

E8E4DE

Split-Comp.

DFE9E5

E8DEE7

E8DFDE

Tetradic

DFE9E5

DFDEE8

E8DEE2

E7E8DE

Contrast Matrix WCAG 2.1 Contrast

DFE9E5	C4E9D5	CAD9B5	DEC295	FF6F59
—	1.1 Fail	1.2 Fail	1.4 Fail	2.2 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	2.1 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.8 Fail
1.4 Fail	1.3 Fail	1.2 Fail	—	1.6 Fail
2.2 Fail	2.1 Fail	1.8 Fail	1.6 Fail	—

White BG

1.2Fail

1.3Fail

1.5Fail

1.7Fail

2.7Fail

Black BG

16.9AAA

16.0AAA

14.1AAA

12.3AAA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3E6

D4D4DA

D0D1BE

D2D2A0

C1BF5E

Deuteranopia

E3E2E6

D2CFDB

D0CEC0

D4D6A3

C9D460

Tritanopia

E0E7E7

C6DEDF

CBC5C6

DDA8AA

F86363

Achromatopsia

E6E6E6

DCDCDC

D0D0D0

C5C5C5

989898

Shades & Tints Shades & Tints

#DFE9E5

Dark

Light

#C4E9D5

Dark

Light

#CAD9B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfe9e5;
  --color-2: #c4e9d5;
  --color-3: #cad9b5;
  --color-4: #dec295;
  --color-5: #ff6f59;
}

SCSS

$color-1: #dfe9e5;
$color-2: #c4e9d5;
$color-3: #cad9b5;
$color-4: #dec295;
$color-5: #ff6f59;

TAILWIND

colors: {
  'brand-1': '#dfe9e5',
  'brand-2': '#c4e9d5',
  'brand-3': '#cad9b5',
  'brand-4': '#dec295',
  'brand-5': '#ff6f59',
}

RGB Array

[223, 233, 229], [196, 233, 213], [202, 217, 181], [222, 194, 149], [255, 111, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DFE9E5, #C4E9D5, #CAD9B5, #DEC295, #FF6F59 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: #dfe9e5; --color-2: #c4e9d5; --color-3: #cad9b5; --color-4: #dec295; --color-5: #ff6f59. 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