← Back to Editor

#D3EBB7 · #EAEDE2 · #FAC9BB · #B2978E · #4B2E30

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#D3EBB7

Willow Green · Wheat · Mint Green

HEX
#D3EBB7
RGB
rgb(211, 235, 183)
HSL
hsl(88, 57%, 82%)
HSB
hsb(88, 22%, 92%)
CMYK
cmyk(10%, 0%, 22%, 8%)
Oklch
oklch(90.9% 0.073 127.9)

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

#EAEDE2

Willow Green · Beige · Mint Green

HEX
#EAEDE2
RGB
rgb(234, 237, 226)
HSL
hsl(76, 23%, 91%)
HSB
hsb(76, 5%, 93%)
CMYK
cmyk(1%, 0%, 5%, 7%)
Oklch
oklch(94.1% 0.015 119.1)

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

#FAC9BB

Peach Pink · Pink · Cherry Blossom

HEX
#FAC9BB
RGB
rgb(250, 201, 187)
HSL
hsl(13, 86%, 86%)
HSB
hsb(13, 25%, 98%)
CMYK
cmyk(0%, 20%, 25%, 2%)
Oklch
oklch(87.5% 0.059 36.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#B2978E

Apricot · DarkGray · Warm Sun

HEX
#B2978E
RGB
rgb(178, 151, 142)
HSL
hsl(15, 19%, 63%)
HSB
hsb(15, 20%, 70%)
CMYK
cmyk(0%, 15%, 20%, 30%)
Oklch
oklch(69.8% 0.035 39.3)

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

#4B2E30

Crimson · DarkSlateGray · Wine Red

HEX
#4B2E30
RGB
rgb(75, 46, 48)
HSL
hsl(356, 24%, 24%)
HSB
hsb(356, 39%, 29%)
CMYK
cmyk(0%, 39%, 36%, 71%)
Oklch
oklch(33.7% 0.043 15.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3EBB7
CFB7EB

Analogous

EBEAB7
D3EBB7
B9EBB7

Triadic

D3EBB7
B7D3EB
EBB7D3

Split-Comp.

D3EBB7
B7B9EB
EAB7EB

Tetradic

D3EBB7
B7EBEA
CFB7EB
EBB7B9

Contrast Matrix WCAG 2.1 Contrast

D3EBB7
EAEDE2
FAC9BB
B2978E
4B2E30
—
1.1
Fail
1.2
Fail
2.1
Fail
9.4
AAA
1.1
Fail
—
1.3
Fail
2.3
Fail
10.2
AAA
1.2
Fail
1.3
Fail
—
1.8
Fail
8.2
AAA
2.1
Fail
2.3
Fail
1.8
Fail
—
4.4
AA Large
9.4
AAA
10.2
AAA
8.2
AAA
4.4
AA Large
—
White BG
1.3Fail
1.2Fail
1.5Fail
2.7Fail
12.1AAA
Black BG
16.3AAA
17.7AAA
14.1AAA
7.7AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDEC4
EBEBE5
E5E4BE
A6A690
3E3E30

Deuteranopia

DCDAC7
EBEBE5
E8EBBF
A8AA91
40422F

Tritanopia

D4CED0
EAE7E7
F8C1C2
B19292
4A2F2F

Achromatopsia

DEDEDE
EBEBEB
D6D6D6
9E9E9E
373737

Shades & Tints Shades & Tints

#D3EBB7

Dark
Light

#EAEDE2

Dark
Light

#FAC9BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3ebb7;
  --color-2: #eaede2;
  --color-3: #fac9bb;
  --color-4: #b2978e;
  --color-5: #4b2e30;
}

SCSS

$color-1: #d3ebb7;
$color-2: #eaede2;
$color-3: #fac9bb;
$color-4: #b2978e;
$color-5: #4b2e30;

TAILWIND

colors: {
  'brand-1': '#d3ebb7',
  'brand-2': '#eaede2',
  'brand-3': '#fac9bb',
  'brand-4': '#b2978e',
  'brand-5': '#4b2e30',
}

RGB Array

[211, 235, 183], [234, 237, 226], [250, 201, 187], [178, 151, 142], [75, 46, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D3EBB7, #EAEDE2, #FAC9BB, #B2978E, #4B2E30 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d3ebb7; --color-2: #eaede2; --color-3: #fac9bb; --color-4: #b2978e; --color-5: #4b2e30. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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