#A39281 + #ED9068 + #E8B787 + #E9F1F2 + #CADEE1 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A39281

Ginger · Gray · Warm Sun

HEX

#A39281

RGB

rgb(163, 146, 129)

HSL

hsl(30, 16%, 57%)

HSB

hsb(30, 21%, 64%)

CMYK

cmyk(0%, 10%, 21%, 36%)

Oklch

oklch(67.0% 0.032 67.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#ED9068

Apricot · DarkSalmon · Warm Sun

HEX

#ED9068

RGB

rgb(237, 144, 104)

HSL

hsl(18, 79%, 67%)

HSB

hsb(18, 56%, 93%)

CMYK

cmyk(0%, 39%, 56%, 7%)

Oklch

oklch(74.2% 0.126 43.7)

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

#E8B787

Goose Yellow · BurlyWood · Warm Sun

HEX

#E8B787

RGB

rgb(232, 183, 135)

HSL

hsl(30, 68%, 72%)

HSB

hsb(30, 42%, 91%)

CMYK

cmyk(0%, 21%, 42%, 9%)

Oklch

oklch(81.2% 0.085 65.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E9F1F2

Sky Blue · Lavender · Glacier Blue

HEX

#E9F1F2

RGB

rgb(233, 241, 242)

HSL

hsl(187, 26%, 93%)

HSB

hsb(187, 4%, 95%)

CMYK

cmyk(4%, 0%, 0%, 5%)

Oklch

oklch(95.2% 0.009 205.9)

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

#CADEE1

Sky Blue · LightGray · Glacier Blue

HEX

#CADEE1

RGB

rgb(202, 222, 225)

HSL

hsl(188, 28%, 84%)

HSB

hsb(188, 10%, 88%)

CMYK

cmyk(10%, 1%, 0%, 12%)

Oklch

oklch(88.7% 0.022 207.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A39281

8091A3

Analogous

A38080

A39281

A3A380

Triadic

A39281

80A391

9180A3

Split-Comp.

A39281

80A3A3

8080A3

Tetradic

A39281

80A380

8091A3

A380A3

Contrast Matrix WCAG 2.1 Contrast

A39281	ED9068	E8B787	E9F1F2	CADEE1
—	1.3 Fail	1.7 Fail	2.6 Fail	2.2 Fail
1.3 Fail	—	1.3 Fail	2.1 Fail	1.7 Fail
1.7 Fail	1.3 Fail	—	1.6 Fail	1.3 Fail
2.6 Fail	2.1 Fail	1.6 Fail	—	1.2 Fail
2.2 Fail	1.7 Fail	1.3 Fail	1.2 Fail	—

White BG

3.0AA Large

2.4Fail

1.8Fail

1.1Fail

1.4Fail

Black BG

7.0AA

8.8AAA

11.6AAA

18.3AAA

15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9B85

C5C472

D3D293

ECEDF2

D3D3E0

Deuteranopia

9D9E86

CAD174

D6D995

ECEBF2

D2D0E0

Tritanopia

A28889

E8797B

E69C9E

E9F2F2

CBE0E0

Achromatopsia

959595

A7A7A7

C0C0C0

EFEFEF

D8D8D8

Shades & Tints Shades & Tints

#A39281

Dark

Light

#ED9068

Dark

Light

#E8B787

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a39281;
  --color-2: #ed9068;
  --color-3: #e8b787;
  --color-4: #e9f1f2;
  --color-5: #cadee1;
}

SCSS

$color-1: #a39281;
$color-2: #ed9068;
$color-3: #e8b787;
$color-4: #e9f1f2;
$color-5: #cadee1;

TAILWIND

colors: {
  'brand-1': '#a39281',
  'brand-2': '#ed9068',
  'brand-3': '#e8b787',
  'brand-4': '#e9f1f2',
  'brand-5': '#cadee1',
}

RGB Array

[163, 146, 129], [237, 144, 104], [232, 183, 135], [233, 241, 242], [202, 222, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #A39281, #ED9068, #E8B787, #E9F1F2, #CADEE1 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: #a39281; --color-2: #ed9068; --color-3: #e8b787; --color-4: #e9f1f2; --color-5: #cadee1. 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