← Back to Editor

#EFE4CD · #E3C5B9 · #CC877E · #B9A07C · #634F43

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

#EFE4CD

Goose Yellow · Bisque · Lemon Cream

HEX
#EFE4CD
RGB
rgb(239, 228, 205)
HSL
hsl(41, 52%, 87%)
HSB
hsb(41, 14%, 94%)
CMYK
cmyk(0%, 5%, 14%, 6%)
Oklch
oklch(92.2% 0.033 85.5)

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

#E3C5B9

Apricot · Wheat · Peach Orange

HEX
#E3C5B9
RGB
rgb(227, 197, 185)
HSL
hsl(17, 43%, 81%)
HSB
hsb(17, 19%, 89%)
CMYK
cmyk(0%, 13%, 19%, 11%)
Oklch
oklch(84.6% 0.038 43.0)

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

#CC877E

Peach Pink · DarkSalmon · Coral Red

HEX
#CC877E
RGB
rgb(204, 135, 126)
HSL
hsl(7, 43%, 65%)
HSB
hsb(7, 38%, 80%)
CMYK
cmyk(0%, 34%, 38%, 20%)
Oklch
oklch(69.1% 0.087 27.7)

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

#B9A07C

Ginger · Tan · Warm Sun

HEX
#B9A07C
RGB
rgb(185, 160, 124)
HSL
hsl(35, 30%, 61%)
HSB
hsb(35, 33%, 73%)
CMYK
cmyk(0%, 14%, 33%, 27%)
Oklch
oklch(71.9% 0.057 76.6)

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

#634F43

Tangerine · DarkOliveGreen · Amber Brown

HEX
#634F43
RGB
rgb(99, 79, 67)
HSL
hsl(23, 19%, 33%)
HSB
hsb(23, 32%, 39%)
CMYK
cmyk(0%, 20%, 32%, 61%)
Oklch
oklch(44.5% 0.033 52.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE4CD
CDD8EF

Analogous

EFD3CD
EFE4CD
E9EFCD

Triadic

EFE4CD
CDEFE4
E4CDEF

Split-Comp.

EFE4CD
CDE9EF
D3CDEF

Tetradic

EFE4CD
CDEFD3
CDD8EF
EFCDE9

Contrast Matrix WCAG 2.1 Contrast

EFE4CD
E3C5B9
CC877E
B9A07C
634F43
—
1.3
Fail
2.3
Fail
2.0
Fail
6.1
AA
1.3
Fail
—
1.8
Fail
1.5
Fail
4.7
AA
2.3
Fail
1.8
Fail
—
1.1
Fail
2.7
Fail
2.0
Fail
1.5
Fail
1.1
Fail
—
3.1
AA Large
6.1
AA
4.7
AA
2.7
Fail
3.1
AA Large
—
White BG
1.3Fail
1.6Fail
2.9Fail
2.5Fail
7.7AAA
Black BG
16.6AAA
13.0AAA
7.3AAA
8.4AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD3
D6D6BC
AEAE80
AEAE85
5A5A46

Deuteranopia

EBECD4
D8DABD
B2B781
B0B287
5C5D47

Tritanopia

EED7D8
E1BEBF
C98282
B88C8D
624849

Achromatopsia

E5E5E5
CDCDCD
9B9B9B
A3A3A3
545454

Shades & Tints Shades & Tints

#EFE4CD

Dark
Light

#E3C5B9

Dark
Light

#CC877E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe4cd;
  --color-2: #e3c5b9;
  --color-3: #cc877e;
  --color-4: #b9a07c;
  --color-5: #634f43;
}

SCSS

$color-1: #efe4cd;
$color-2: #e3c5b9;
$color-3: #cc877e;
$color-4: #b9a07c;
$color-5: #634f43;

TAILWIND

colors: {
  'brand-1': '#efe4cd',
  'brand-2': '#e3c5b9',
  'brand-3': '#cc877e',
  'brand-4': '#b9a07c',
  'brand-5': '#634f43',
}

RGB Array

[239, 228, 205], [227, 197, 185], [204, 135, 126], [185, 160, 124], [99, 79, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EFE4CD, #E3C5B9, #CC877E, #B9A07C, #634F43 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: #efe4cd; --color-2: #e3c5b9; --color-3: #cc877e; --color-4: #b9a07c; --color-5: #634f43. 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