#A9D6C7 + #C5EDD1 + #E6DFD1 + #C7B8B3 + #DEA6A6 · 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

#A9D6C7

Jade · LightSteelBlue · Lake Green

HEX

#A9D6C7

RGB

rgb(169, 214, 199)

HSL

hsl(160, 35%, 75%)

HSB

hsb(160, 21%, 84%)

CMYK

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

Oklch

oklch(84.0% 0.052 172.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C5EDD1

Emerald · LightGray · Mint Green

HEX

#C5EDD1

RGB

rgb(197, 237, 209)

HSL

hsl(138, 53%, 85%)

HSB

hsb(138, 17%, 93%)

CMYK

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

Oklch

oklch(91.0% 0.056 154.6)

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

#E6DFD1

Goose Yellow · LightGray · Lemon Cream

HEX

#E6DFD1

RGB

rgb(230, 223, 209)

HSL

hsl(40, 30%, 86%)

HSB

hsb(40, 9%, 90%)

CMYK

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

Oklch

oklch(90.5% 0.020 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C7B8B3

Apricot · Silver · Warm Sun

HEX

#C7B8B3

RGB

rgb(199, 184, 179)

HSL

hsl(15, 15%, 74%)

HSB

hsb(15, 10%, 78%)

CMYK

cmyk(0%, 8%, 10%, 22%)

Oklch

oklch(79.4% 0.019 39.4)

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

#DEA6A6

Peach Pink · Tan · Coral Red

HEX

#DEA6A6

RGB

rgb(222, 166, 166)

HSL

hsl(0, 46%, 76%)

HSB

hsb(0, 25%, 87%)

CMYK

cmyk(0%, 25%, 25%, 13%)

Oklch

oklch(77.7% 0.066 18.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9D6C7

D6A9B8

Analogous

A9D6B0

A9D6C7

A9CED6

Triadic

A9D6C7

C7A9D6

D6C7A9

Split-Comp.

A9D6C7

D6A9CE

D6B0A9

Tetradic

A9D6C7

B0A9D6

D6A9B8

CED6A9

Contrast Matrix WCAG 2.1 Contrast

A9D6C7	C5EDD1	E6DFD1	C7B8B3	DEA6A6
—	1.2 Fail	1.2 Fail	1.2 Fail	1.3 Fail
1.2 Fail	—	1.0 Fail	1.5 Fail	1.6 Fail
1.2 Fail	1.0 Fail	—	1.4 Fail	1.6 Fail
1.2 Fail	1.5 Fail	1.4 Fail	—	1.1 Fail
1.3 Fail	1.6 Fail	1.6 Fail	1.1 Fail	—

White BG

1.6Fail

1.3Fail

1.9Fail

2.1Fail

Black BG

13.1AAA

16.4AAA

15.8AAA

10.9AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBDCB

D6D7D8

E3E3D4

C1C0B4

C6C5A6

Deuteranopia

BAB7CC

D4D1D9

E3E4D5

C1C2B5

C9CDA6

Tritanopia

ABCDCE

C7DDDE

E6D7D8

C6B5B5

DBA6A6

Achromatopsia

C7C7C7

DEDEDE

DFDFDF

BCBCBC

B7B7B7

Shades & Tints Shades & Tints

#A9D6C7

Dark

Light

#C5EDD1

Dark

Light

#E6DFD1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9d6c7;
  --color-2: #c5edd1;
  --color-3: #e6dfd1;
  --color-4: #c7b8b3;
  --color-5: #dea6a6;
}

SCSS

$color-1: #a9d6c7;
$color-2: #c5edd1;
$color-3: #e6dfd1;
$color-4: #c7b8b3;
$color-5: #dea6a6;

TAILWIND

colors: {
  'brand-1': '#a9d6c7',
  'brand-2': '#c5edd1',
  'brand-3': '#e6dfd1',
  'brand-4': '#c7b8b3',
  'brand-5': '#dea6a6',
}

RGB Array

[169, 214, 199], [197, 237, 209], [230, 223, 209], [199, 184, 179], [222, 166, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A9D6C7, #C5EDD1, #E6DFD1, #C7B8B3, #DEA6A6 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: #a9d6c7; --color-2: #c5edd1; --color-3: #e6dfd1; --color-4: #c7b8b3; --color-5: #dea6a6. 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