#D6E5E0 + #B6D5C5 + #D9B1AF + #EDA783 + #FABC67 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#D6E5E0

Jade · LightGray · Glacier Blue

HEX

#D6E5E0

RGB

rgb(214, 229, 224)

HSL

hsl(160, 22%, 87%)

HSB

hsb(160, 7%, 90%)

CMYK

cmyk(7%, 0%, 2%, 10%)

Oklch

oklch(90.9% 0.017 174.0)

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

#B6D5C5

Celadon · Silver · Apple Green

HEX

#B6D5C5

RGB

rgb(182, 213, 197)

HSL

hsl(149, 27%, 77%)

HSB

hsb(149, 15%, 84%)

CMYK

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

Oklch

oklch(84.6% 0.040 163.0)

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

#D9B1AF

Peach Pink · Silver · Coral Red

HEX

#D9B1AF

RGB

rgb(217, 177, 175)

HSL

hsl(3, 36%, 77%)

HSB

hsb(3, 19%, 85%)

CMYK

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

Oklch

oklch(79.5% 0.047 21.5)

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

#EDA783

Apricot · DarkSalmon · Warm Sun

HEX

#EDA783

RGB

rgb(237, 167, 131)

HSL

hsl(20, 75%, 72%)

HSB

hsb(20, 45%, 93%)

CMYK

cmyk(0%, 30%, 45%, 7%)

Oklch

oklch(78.7% 0.096 48.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FABC67

Ginger · SandyBrown · Warm Sun

HEX

#FABC67

RGB

rgb(250, 188, 103)

HSL

hsl(35, 94%, 69%)

HSB

hsb(35, 59%, 98%)

CMYK

cmyk(0%, 25%, 59%, 2%)

Oklch

oklch(83.5% 0.125 73.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6E5E0

E5D7DB

Analogous

D7E5D9

D6E5E0

D7E3E5

Triadic

D6E5E0

E0D7E5

E5E0D7

Split-Comp.

D6E5E0

E5D7E3

E5D9D7

Tetradic

D6E5E0

D9D7E5

E5D7DB

E3E5D7

Contrast Matrix WCAG 2.1 Contrast

D6E5E0	B6D5C5	D9B1AF	EDA783	FABC67
—	1.2 Fail	1.5 Fail	1.5 Fail	1.3 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.1 Fail
1.5 Fail	1.2 Fail	—	1.0 Fail	1.1 Fail
1.5 Fail	1.3 Fail	1.0 Fail	—	1.2 Fail
1.3 Fail	1.1 Fail	1.1 Fail	1.2 Fail	—

White BG

1.3Fail

1.6Fail

1.9Fail

2.0Fail

1.7Fail

Black BG

16.1AAA

13.3AAA

10.9AAA

10.5AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDDE1

C3C4C9

C8C7AF

CFCE8C

DFDF7C

Deuteranopia

DCDBE2

C2BFCA

CACDB0

D3D88E

E3E781

Tritanopia

D7E2E2

B8CCCD

D7B0B0

E99394

F78C8F

Achromatopsia

E0E0E0

CACACA

BDBDBD

B8B8B8

C5C5C5

Shades & Tints Shades & Tints

#D6E5E0

Dark

Light

#B6D5C5

Dark

Light

#D9B1AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6e5e0;
  --color-2: #b6d5c5;
  --color-3: #d9b1af;
  --color-4: #eda783;
  --color-5: #fabc67;
}

SCSS

$color-1: #d6e5e0;
$color-2: #b6d5c5;
$color-3: #d9b1af;
$color-4: #eda783;
$color-5: #fabc67;

TAILWIND

colors: {
  'brand-1': '#d6e5e0',
  'brand-2': '#b6d5c5',
  'brand-3': '#d9b1af',
  'brand-4': '#eda783',
  'brand-5': '#fabc67',
}

RGB Array

[214, 229, 224], [182, 213, 197], [217, 177, 175], [237, 167, 131], [250, 188, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D6E5E0, #B6D5C5, #D9B1AF, #EDA783, #FABC67 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: #d6e5e0; --color-2: #b6d5c5; --color-3: #d9b1af; --color-4: #eda783; --color-5: #fabc67. 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