#A9D5BE + #CEDDC6 + #EFECC3 + #FFB79E + #B47892 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A9D5BE

Celadon · Silver · Apple Green

HEX

#A9D5BE

RGB

rgb(169, 213, 190)

HSL

hsl(149, 34%, 75%)

HSB

hsb(149, 21%, 84%)

CMYK

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

Oklch

oklch(83.5% 0.056 162.1)

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

#CEDDC6

Celadon · LightGray · Mint Green

HEX

#CEDDC6

RGB

rgb(206, 221, 198)

HSL

hsl(99, 25%, 82%)

HSB

hsb(99, 10%, 87%)

CMYK

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

Oklch

oklch(88.0% 0.035 134.5)

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

#EFECC3

Fresh Green · Bisque · Lemon Cream

HEX

#EFECC3

RGB

rgb(239, 236, 195)

HSL

hsl(56, 58%, 85%)

HSB

hsb(56, 18%, 94%)

CMYK

cmyk(0%, 1%, 18%, 6%)

Oklch

oklch(93.5% 0.054 103.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFB79E

Apricot · LightPink · Peach Orange

HEX

#FFB79E

RGB

rgb(255, 183, 158)

HSL

hsl(15, 100%, 81%)

HSB

hsb(15, 38%, 100%)

CMYK

cmyk(0%, 28%, 38%, 0%)

Oklch

oklch(84.1% 0.091 40.0)

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

#B47892

Dark Violet · DarkGray · Rose Pink

HEX

#B47892

RGB

rgb(180, 120, 146)

HSL

hsl(334, 29%, 59%)

HSB

hsb(334, 33%, 71%)

CMYK

cmyk(0%, 33%, 19%, 29%)

Oklch

oklch(64.2% 0.082 352.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9D5BE

D5AAC0

Analogous

AAD5AA

A9D5BE

AAD5D4

Triadic

A9D5BE

BFAAD5

D5BFAA

Split-Comp.

A9D5BE

D4AAD5

D5AAAA

Tetradic

A9D5BE

AAAAD5

D5AAC0

D5D4AA

Contrast Matrix WCAG 2.1 Contrast

A9D5BE	CEDDC6	EFECC3	FFB79E	B47892
—	1.1 Fail	1.3 Fail	1.0 Fail	2.1 Fail
1.1 Fail	—	1.2 Fail	1.2 Fail	2.4 Fail
1.3 Fail	1.2 Fail	—	1.4 Fail	2.9 Fail
1.0 Fail	1.2 Fail	1.4 Fail	—	2.1 Fail
2.1 Fail	2.4 Fail	2.9 Fail	2.1 Fail	—

White BG

1.6Fail

1.4Fail

1.2Fail

1.7Fail

3.5AA Large

Black BG

12.9AAA

14.8AAA

17.5AAA

12.5AAA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCC4

D4D5CC

EEEECD

E0DFA4

9A998C

Deuteranopia

BAB6C5

D4D3CD

EEEECF

E4E9A6

9EA28A

Tritanopia

ABC8C9

CFD0D1

EFD5D6

FBA9AA

B18786

Achromatopsia

C5C5C5

D6D6D6

E8E8E8

CACACA

8D8D8D

Shades & Tints Shades & Tints

#A9D5BE

Dark

Light

#CEDDC6

Dark

Light

#EFECC3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9d5be;
  --color-2: #ceddc6;
  --color-3: #efecc3;
  --color-4: #ffb79e;
  --color-5: #b47892;
}

SCSS

$color-1: #a9d5be;
$color-2: #ceddc6;
$color-3: #efecc3;
$color-4: #ffb79e;
$color-5: #b47892;

TAILWIND

colors: {
  'brand-1': '#a9d5be',
  'brand-2': '#ceddc6',
  'brand-3': '#efecc3',
  'brand-4': '#ffb79e',
  'brand-5': '#b47892',
}

RGB Array

[169, 213, 190], [206, 221, 198], [239, 236, 195], [255, 183, 158], [180, 120, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #A9D5BE, #CEDDC6, #EFECC3, #FFB79E, #B47892 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: #a9d5be; --color-2: #ceddc6; --color-3: #efecc3; --color-4: #ffb79e; --color-5: #b47892. 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 cool-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