#CEE1BA + #E1E8C1 + #FBC9AB + #F3C3BD + #CCB6CE · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CEE1BA

Willow Green · LightGray · Mint Green

HEX

#CEE1BA

RGB

rgb(206, 225, 186)

HSL

hsl(89, 39%, 81%)

HSB

hsb(89, 17%, 88%)

CMYK

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

Oklch

oklch(88.5% 0.056 128.7)

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

#E1E8C1

Willow Green · Wheat · Mint Green

HEX

#E1E8C1

RGB

rgb(225, 232, 193)

HSL

hsl(71, 46%, 83%)

HSB

hsb(71, 17%, 91%)

CMYK

cmyk(3%, 0%, 17%, 9%)

Oklch

oklch(91.6% 0.052 115.7)

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

#FBC9AB

Apricot · Wheat · Peach Orange

HEX

#FBC9AB

RGB

rgb(251, 201, 171)

HSL

hsl(23, 91%, 83%)

HSB

hsb(23, 32%, 98%)

CMYK

cmyk(0%, 20%, 32%, 2%)

Oklch

oklch(87.2% 0.070 52.5)

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

#F3C3BD

Peach Pink · LightPink · Cherry Blossom

HEX

#F3C3BD

RGB

rgb(243, 195, 189)

HSL

hsl(7, 69%, 85%)

HSB

hsb(7, 22%, 95%)

CMYK

cmyk(0%, 20%, 22%, 5%)

Oklch

oklch(85.8% 0.056 26.6)

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

#CCB6CE

Lilac · Silver · Lilac Purple

HEX

#CCB6CE

RGB

rgb(204, 182, 206)

HSL

hsl(295, 20%, 76%)

HSB

hsb(295, 12%, 81%)

CMYK

cmyk(1%, 12%, 0%, 19%)

Oklch

oklch(80.2% 0.041 323.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEE1BA

CEBCE1

Analogous

E1E1BC

CEE1BA

BCE1BC

Triadic

CEE1BA

BCCFE1

E1BCCF

Split-Comp.

CEE1BA

BCBCE1

E1BCE1

Tetradic

CEE1BA

BCE1E1

CEBCE1

E1BCBC

Contrast Matrix WCAG 2.1 Contrast

CEE1BA	E1E8C1	FBC9AB	F3C3BD	CCB6CE
—	1.1 Fail	1.1 Fail	1.1 Fail	1.4 Fail
1.1 Fail	—	1.2 Fail	1.2 Fail	1.5 Fail
1.1 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.2 Fail
1.4 Fail	1.5 Fail	1.3 Fail	1.2 Fail	—

White BG

1.4Fail

1.3Fail

1.5Fail

1.6Fail

1.9Fail

Black BG

15.1AAA

16.5AAA

14.0AAA

13.4AAA

11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6C3

E4E4CA

E5E5B2

DEDEBE

C2C2C8

Deuteranopia

D5D4C6

E4E3CD

E8ECB4

E1E5BF

C4C5C7

Tritanopia

CFCBCD

E1D2D4

F9B8B9

F1C0C0

CBC4C3

Achromatopsia

D7D7D7

E1E1E1

D5D5D5

D1D1D1

BFBFBF

Shades & Tints Shades & Tints

#CEE1BA

Dark

Light

#E1E8C1

Dark

Light

#FBC9AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cee1ba;
  --color-2: #e1e8c1;
  --color-3: #fbc9ab;
  --color-4: #f3c3bd;
  --color-5: #ccb6ce;
}

SCSS

$color-1: #cee1ba;
$color-2: #e1e8c1;
$color-3: #fbc9ab;
$color-4: #f3c3bd;
$color-5: #ccb6ce;

TAILWIND

colors: {
  'brand-1': '#cee1ba',
  'brand-2': '#e1e8c1',
  'brand-3': '#fbc9ab',
  'brand-4': '#f3c3bd',
  'brand-5': '#ccb6ce',
}

RGB Array

[206, 225, 186], [225, 232, 193], [251, 201, 171], [243, 195, 189], [204, 182, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CEE1BA, #E1E8C1, #FBC9AB, #F3C3BD, #CCB6CE 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: #cee1ba; --color-2: #e1e8c1; --color-3: #fbc9ab; --color-4: #f3c3bd; --color-5: #ccb6ce. 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