#D9FACA + #BFE37D + #A4CA8B + #B6D8B6 + #CBE9D3 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweet

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#D9FACA

Emerald · Beige · Mint Green

HEX

#D9FACA

RGB

rgb(217, 250, 202)

HSL

hsl(101, 83%, 89%)

HSB

hsb(101, 19%, 98%)

CMYK

cmyk(13%, 0%, 19%, 2%)

Oklch

oklch(94.9% 0.072 135.9)

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

#BFE37D

Willow Green · Khaki · Apple Green

HEX

#BFE37D

RGB

rgb(191, 227, 125)

HSL

hsl(81, 65%, 69%)

HSB

hsb(81, 45%, 89%)

CMYK

cmyk(16%, 0%, 45%, 11%)

Oklch

oklch(86.7% 0.135 125.1)

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

#A4CA8B

Celadon · DarkSeaGreen · Apple Green

HEX

#A4CA8B

RGB

rgb(164, 202, 139)

HSL

hsl(96, 37%, 67%)

HSB

hsb(96, 31%, 79%)

CMYK

cmyk(19%, 0%, 31%, 21%)

Oklch

oklch(79.6% 0.095 133.5)

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

#B6D8B6

Celadon · Silver · Apple Green

HEX

#B6D8B6

RGB

rgb(182, 216, 182)

HSL

hsl(120, 30%, 78%)

HSB

hsb(120, 16%, 85%)

CMYK

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

Oklch

oklch(84.8% 0.059 145.0)

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

#CBE9D3

Celadon · LightGray · Mint Green

HEX

#CBE9D3

RGB

rgb(203, 233, 211)

HSL

hsl(136, 41%, 85%)

HSB

hsb(136, 13%, 91%)

CMYK

cmyk(13%, 0%, 9%, 9%)

Oklch

oklch(90.6% 0.043 153.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9FACA

EBCCFA

Analogous

F2FACC

D9FACA

CCFAD4

Triadic

D9FACA

CCDAFA

FACCDA

Split-Comp.

D9FACA

D4CCFA

FACCF2

Tetradic

D9FACA

CCF2FA

EBCCFA

FAD4CC

Contrast Matrix WCAG 2.1 Contrast

D9FACA	BFE37D	A4CA8B	B6D8B6	CBE9D3
—	1.3 Fail	1.6 Fail	1.4 Fail	1.1 Fail
1.3 Fail	—	1.3 Fail	1.1 Fail	1.1 Fail
1.6 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
1.4 Fail	1.1 Fail	1.2 Fail	—	1.2 Fail
1.1 Fail	1.1 Fail	1.4 Fail	1.2 Fail	—

White BG

1.1Fail

1.4Fail

1.8Fail

1.6Fail

1.3Fail

Black BG

18.5AAA

14.5AAA

11.4AAA

13.5AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E8D6

CFCF96

B4B59A

C5C5BE

D8D8D8

Deuteranopia

E5E3D8

CDCA9C

B2AF9E

C3C0C0

D6D4DA

Tritanopia

DBDFE1

C1A9AD

A6A6A9

B8C5C6

CDDDDD

Achromatopsia

EBEBEB

CDCDCD

B7B7B7

CACACA

DEDEDE

Shades & Tints Shades & Tints

#D9FACA

Dark

Light

#BFE37D

Dark

Light

#A4CA8B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9faca;
  --color-2: #bfe37d;
  --color-3: #a4ca8b;
  --color-4: #b6d8b6;
  --color-5: #cbe9d3;
}

SCSS

$color-1: #d9faca;
$color-2: #bfe37d;
$color-3: #a4ca8b;
$color-4: #b6d8b6;
$color-5: #cbe9d3;

TAILWIND

colors: {
  'brand-1': '#d9faca',
  'brand-2': '#bfe37d',
  'brand-3': '#a4ca8b',
  'brand-4': '#b6d8b6',
  'brand-5': '#cbe9d3',
}

RGB Array

[217, 250, 202], [191, 227, 125], [164, 202, 139], [182, 216, 182], [203, 233, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D9FACA, #BFE37D, #A4CA8B, #B6D8B6, #CBE9D3 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: #d9faca; --color-2: #bfe37d; --color-3: #a4ca8b; --color-4: #b6d8b6; --color-5: #cbe9d3. 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