#E9B295 + #F7A6A6 + #D1B8BF + #A2D5C7 + #A3E1D0 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E9B295

Apricot · BurlyWood · Warm Sun

HEX

#E9B295

RGB

rgb(233, 178, 149)

HSL

hsl(21, 66%, 75%)

HSB

hsb(21, 36%, 91%)

CMYK

cmyk(0%, 24%, 36%, 9%)

Oklch

oklch(80.7% 0.076 49.0)

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

#F7A6A6

Peach Pink · LightPink · Cherry Blossom

HEX

#F7A6A6

RGB

rgb(247, 166, 166)

HSL

hsl(0, 84%, 81%)

HSB

hsb(0, 33%, 97%)

CMYK

cmyk(0%, 33%, 33%, 3%)

Oklch

oklch(80.4% 0.096 19.4)

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

#D1B8BF

Rouge · Silver · Cherry Blossom

HEX

#D1B8BF

RGB

rgb(209, 184, 191)

HSL

hsl(343, 21%, 77%)

HSB

hsb(343, 12%, 82%)

CMYK

cmyk(0%, 12%, 9%, 18%)

Oklch

oklch(80.6% 0.030 359.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#A2D5C7

Jade · LightSteelBlue · Lake Green

HEX

#A2D5C7

RGB

rgb(162, 213, 199)

HSL

hsl(164, 38%, 74%)

HSB

hsb(164, 24%, 84%)

CMYK

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

Oklch

oklch(83.3% 0.056 176.1)

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

#A3E1D0

Jade · LightBlue · Glacier Blue

HEX

#A3E1D0

RGB

rgb(163, 225, 208)

HSL

hsl(164, 51%, 76%)

HSB

hsb(164, 28%, 88%)

CMYK

cmyk(28%, 0%, 8%, 12%)

Oklch

oklch(86.3% 0.067 175.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9B295

95CCE9

Analogous

E995A2

E9B295

E9DD95

Triadic

E9B295

95E9B3

B395E9

Split-Comp.

E9B295

95E9DD

95A2E9

Tetradic

E9B295

A2E995

95CCE9

DD95E9

Contrast Matrix WCAG 2.1 Contrast

E9B295	F7A6A6	D1B8BF	A2D5C7	A3E1D0
—	1.0 Fail	1.0 Fail	1.1 Fail	1.3 Fail
1.0 Fail	—	1.0 Fail	1.2 Fail	1.3 Fail
1.0 Fail	1.0 Fail	—	1.1 Fail	1.3 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.3 Fail	1.3 Fail	1.1 Fail	—

White BG

1.9Fail

1.6Fail

1.5Fail

Black BG

11.3AAA

11.0AAA

11.3AAA

12.9AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D19C

D4D3A6

C6C6BD

B8B9CA

BEBED4

Deuteranopia

D4D99E

D9DFA6

C8C9BD

B5B1CB

BAB6D5

Tritanopia

E6A2A3

F3A6A6

D0BCBC

A5CDCE

A6D7D8

Achromatopsia

BFBFBF

BEBEBE

C0C0C0

C4C4C4

CDCDCD

Shades & Tints Shades & Tints

#E9B295

Dark

Light

#F7A6A6

Dark

Light

#D1B8BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9b295;
  --color-2: #f7a6a6;
  --color-3: #d1b8bf;
  --color-4: #a2d5c7;
  --color-5: #a3e1d0;
}

SCSS

$color-1: #e9b295;
$color-2: #f7a6a6;
$color-3: #d1b8bf;
$color-4: #a2d5c7;
$color-5: #a3e1d0;

TAILWIND

colors: {
  'brand-1': '#e9b295',
  'brand-2': '#f7a6a6',
  'brand-3': '#d1b8bf',
  'brand-4': '#a2d5c7',
  'brand-5': '#a3e1d0',
}

RGB Array

[233, 178, 149], [247, 166, 166], [209, 184, 191], [162, 213, 199], [163, 225, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E9B295, #F7A6A6, #D1B8BF, #A2D5C7, #A3E1D0 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: #e9b295; --color-2: #f7a6a6; --color-3: #d1b8bf; --color-4: #a2d5c7; --color-5: #a3e1d0. 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