#CAF2CD + #EAFCD4 + #E9D7C9 + #D6B7B8 + #F7DFB9 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#CAF2CD

Emerald · LightGray · Mint Green

HEX

#CAF2CD

RGB

rgb(202, 242, 205)

HSL

hsl(125, 61%, 87%)

HSB

hsb(125, 17%, 95%)

CMYK

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

Oklch

oklch(92.3% 0.065 147.1)

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

#EAFCD4

Willow Green · Beige · Mint Green

HEX

#EAFCD4

RGB

rgb(234, 252, 212)

HSL

hsl(87, 87%, 91%)

HSB

hsb(87, 16%, 99%)

CMYK

cmyk(7%, 0%, 16%, 1%)

Oklch

oklch(96.8% 0.056 127.2)

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

#E9D7C9

Apricot · LightGray · Peach Orange

HEX

#E9D7C9

RGB

rgb(233, 215, 201)

HSL

hsl(26, 42%, 85%)

HSB

hsb(26, 14%, 91%)

CMYK

cmyk(0%, 8%, 14%, 9%)

Oklch

oklch(89.0% 0.028 60.3)

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

#D6B7B8

Peach Pink · Silver · Coral Red

HEX

#D6B7B8

RGB

rgb(214, 183, 184)

HSL

hsl(358, 27%, 78%)

HSB

hsb(358, 14%, 84%)

CMYK

cmyk(0%, 14%, 14%, 16%)

Oklch

oklch(80.6% 0.036 15.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F7DFB9

Goose Yellow · Wheat · Peach Orange

HEX

#F7DFB9

RGB

rgb(247, 223, 185)

HSL

hsl(37, 79%, 85%)

HSB

hsb(37, 25%, 97%)

CMYK

cmyk(0%, 10%, 25%, 3%)

Oklch

oklch(91.4% 0.056 79.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAF2CD

F2CAEF

Analogous

DAF2CA

CAF2CD

CAF2E1

Triadic

CAF2CD

CDCAF2

F2CDCA

Split-Comp.

CAF2CD

E1CAF2

F2CADA

Tetradic

CAF2CD

CADAF2

F2CAEF

F2E1CA

Contrast Matrix WCAG 2.1 Contrast

CAF2CD	EAFCD4	E9D7C9	D6B7B8	F7DFB9
—	1.1 Fail	1.1 Fail	1.5 Fail	1.1 Fail
1.1 Fail	—	1.3 Fail	1.7 Fail	1.2 Fail
1.1 Fail	1.3 Fail	—	1.3 Fail	1.1 Fail
1.5 Fail	1.7 Fail	1.3 Fail	—	1.4 Fail
1.1 Fail	1.2 Fail	1.1 Fail	1.4 Fail	—

White BG

1.2Fail

1.1Fail

1.4Fail

1.9Fail

1.3Fail

Black BG

17.1AAA

19.4AAA

15.0AAA

11.3AAA

16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDCD6

F2F2DE

E1E1CC

C9C8B8

EDECC2

Deuteranopia

D9D6D8

F1EFE0

E2E4CD

CACDB8

EEF0C4

Tritanopia

CCDDDF

EBE5E7

E8CFD0

D4B8B8

F6C9CB

Achromatopsia

E2E2E2

F2F2F2

DBDBDB

C0C0C0

E2E2E2

Shades & Tints Shades & Tints

#CAF2CD

Dark

Light

#EAFCD4

Dark

Light

#E9D7C9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #caf2cd;
  --color-2: #eafcd4;
  --color-3: #e9d7c9;
  --color-4: #d6b7b8;
  --color-5: #f7dfb9;
}

SCSS

$color-1: #caf2cd;
$color-2: #eafcd4;
$color-3: #e9d7c9;
$color-4: #d6b7b8;
$color-5: #f7dfb9;

TAILWIND

colors: {
  'brand-1': '#caf2cd',
  'brand-2': '#eafcd4',
  'brand-3': '#e9d7c9',
  'brand-4': '#d6b7b8',
  'brand-5': '#f7dfb9',
}

RGB Array

[202, 242, 205], [234, 252, 212], [233, 215, 201], [214, 183, 184], [247, 223, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CAF2CD, #EAFCD4, #E9D7C9, #D6B7B8, #F7DFB9 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: #caf2cd; --color-2: #eafcd4; --color-3: #e9d7c9; --color-4: #d6b7b8; --color-5: #f7dfb9. 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 pastel-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