#EDF7E9 + #DBEDDA + #C8DED1 + #B6D6D0 + #A9C9CF · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#EDF7E9

Celadon · Linen · Mint Green

HEX

#EDF7E9

RGB

rgb(237, 247, 233)

HSL

hsl(103, 47%, 94%)

HSB

hsb(103, 6%, 97%)

CMYK

cmyk(4%, 0%, 6%, 3%)

Oklch

oklch(96.5% 0.021 136.6)

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

#DBEDDA

Celadon · Beige · Mint Green

HEX

#DBEDDA

RGB

rgb(219, 237, 218)

HSL

hsl(117, 35%, 89%)

HSB

hsb(117, 8%, 93%)

CMYK

cmyk(8%, 0%, 8%, 7%)

Oklch

oklch(92.8% 0.032 143.9)

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

#C8DED1

Celadon · LightGray · Mint Green

HEX

#C8DED1

RGB

rgb(200, 222, 209)

HSL

hsl(145, 25%, 83%)

HSB

hsb(145, 10%, 87%)

CMYK

cmyk(10%, 0%, 6%, 13%)

Oklch

oklch(88.1% 0.029 159.9)

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

#B6D6D0

Jade · LightSteelBlue · Glacier Blue

HEX

#B6D6D0

RGB

rgb(182, 214, 208)

HSL

hsl(169, 28%, 78%)

HSB

hsb(169, 15%, 84%)

CMYK

cmyk(15%, 0%, 3%, 16%)

Oklch

oklch(85.1% 0.035 182.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#A9C9CF

Sky Blue · LightSteelBlue · Lake Green

HEX

#A9C9CF

RGB

rgb(169, 201, 207)

HSL

hsl(189, 28%, 74%)

HSB

hsb(189, 18%, 81%)

CMYK

cmyk(18%, 3%, 0%, 19%)

Oklch

oklch(81.4% 0.035 210.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF7E9

F3E9F7

Analogous

F4F7E9

EDF7E9

E9F7EC

Triadic

EDF7E9

E9EDF7

F7E9ED

Split-Comp.

EDF7E9

ECE9F7

F7E9F4

Tetradic

EDF7E9

E9F4F7

F3E9F7

F7ECE9

Contrast Matrix WCAG 2.1 Contrast

EDF7E9	DBEDDA	C8DED1	B6D6D0	A9C9CF
—	1.1 Fail	1.3 Fail	1.4 Fail	1.6 Fail
1.1 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.3 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

1.1Fail

1.2Fail

1.4Fail

1.6Fail

1.8Fail

Black BG

19.1AAA

17.1AAA

14.8AAA

13.5AAA

11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1EC

E3E3DF

D2D2D4

C4C4D1

B7B7CE

Deuteranopia

F1F0ED

E2E0E0

D0CFD5

C2C0D2

B5B3CD

Tritanopia

EDEFF0

DCE2E3

C9D7D7

B8D3D3

ABCCCC

Achromatopsia

F2F2F2

E5E5E5

D6D6D6

CCCCCC

C0C0C0

Shades & Tints Shades & Tints

#EDF7E9

Dark

Light

#DBEDDA

Dark

Light

#C8DED1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf7e9;
  --color-2: #dbedda;
  --color-3: #c8ded1;
  --color-4: #b6d6d0;
  --color-5: #a9c9cf;
}

SCSS

$color-1: #edf7e9;
$color-2: #dbedda;
$color-3: #c8ded1;
$color-4: #b6d6d0;
$color-5: #a9c9cf;

TAILWIND

colors: {
  'brand-1': '#edf7e9',
  'brand-2': '#dbedda',
  'brand-3': '#c8ded1',
  'brand-4': '#b6d6d0',
  'brand-5': '#a9c9cf',
}

RGB Array

[237, 247, 233], [219, 237, 218], [200, 222, 209], [182, 214, 208], [169, 201, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EDF7E9, #DBEDDA, #C8DED1, #B6D6D0, #A9C9CF 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: #edf7e9; --color-2: #dbedda; --color-3: #c8ded1; --color-4: #b6d6d0; --color-5: #a9c9cf. 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