← Back to Editor

#E3CEB3 · #CAA986 · #DAA579 · #AFB295 · #2C1400

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E3CEB3

Goose Yellow · Wheat · Peach Orange

HEX
#E3CEB3
RGB
rgb(227, 206, 179)
HSL
hsl(34, 46%, 80%)
HSB
hsb(34, 21%, 89%)
CMYK
cmyk(0%, 9%, 21%, 11%)
Oklch
oklch(86.2% 0.043 74.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CAA986

Ginger · Tan · Warm Sun

HEX
#CAA986
RGB
rgb(202, 169, 134)
HSL
hsl(31, 39%, 66%)
HSB
hsb(31, 34%, 79%)
CMYK
cmyk(0%, 16%, 34%, 21%)
Oklch
oklch(75.5% 0.061 68.3)

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

#DAA579

Apricot · DarkSalmon · Warm Sun

HEX
#DAA579
RGB
rgb(218, 165, 121)
HSL
hsl(27, 57%, 66%)
HSB
hsb(27, 44%, 85%)
CMYK
cmyk(0%, 24%, 44%, 15%)
Oklch
oklch(76.1% 0.086 60.7)

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

#AFB295

Fresh Green · DarkGray · Sunflower

HEX
#AFB295
RGB
rgb(175, 178, 149)
HSL
hsl(66, 16%, 64%)
HSB
hsb(66, 16%, 70%)
CMYK
cmyk(2%, 0%, 16%, 30%)
Oklch
oklch(75.3% 0.040 112.2)

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

#2C1400

Tangerine · Black · Cinnamon

HEX
#2C1400
RGB
rgb(44, 20, 0)
HSL
hsl(27, 100%, 9%)
HSB
hsb(27, 100%, 17%)
CMYK
cmyk(0%, 55%, 100%, 83%)
Oklch
oklch(22.2% 0.052 60.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3CEB3
B5C9E3

Analogous

E3B8B5
E3CEB3
E0E3B5

Triadic

E3CEB3
B5E3CF
CFB5E3

Split-Comp.

E3CEB3
B5E0E3
B8B5E3

Tetradic

E3CEB3
B5E3B8
B5C9E3
E3B5E0

Contrast Matrix WCAG 2.1 Contrast

E3CEB3
CAA986
DAA579
AFB295
2C1400
—
1.4
Fail
1.4
Fail
1.4
Fail
11.4
AAA
1.4
Fail
—
1.0
Fail
1.0
Fail
7.9
AAA
1.4
Fail
1.0
Fail
—
1.0
Fail
8.0
AAA
1.4
Fail
1.0
Fail
1.0
Fail
—
8.0
AAA
11.4
AAA
7.9
AAA
8.0
AAA
8.0
AAA
—
White BG
1.5Fail
2.2Fail
2.2Fail
2.2Fail
17.4AAA
Black BG
13.7AAA
9.5AAA
9.6AAA
9.6AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADABA
BCBB8E
C3C384
B0B09C
222105

Deuteranopia

DBDDBB
BEC091
C6CA86
B0B09E
232506

Tritanopia

E2BFC0
C89597
D78C8E
AFA2A3
2B090A

Achromatopsia

D1D1D1
AFAFAF
B0B0B0
AEAEAE
191919

Shades & Tints Shades & Tints

#E3CEB3

Dark
Light

#CAA986

Dark
Light

#DAA579

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3ceb3;
  --color-2: #caa986;
  --color-3: #daa579;
  --color-4: #afb295;
  --color-5: #2c1400;
}

SCSS

$color-1: #e3ceb3;
$color-2: #caa986;
$color-3: #daa579;
$color-4: #afb295;
$color-5: #2c1400;

TAILWIND

colors: {
  'brand-1': '#e3ceb3',
  'brand-2': '#caa986',
  'brand-3': '#daa579',
  'brand-4': '#afb295',
  'brand-5': '#2c1400',
}

RGB Array

[227, 206, 179], [202, 169, 134], [218, 165, 121], [175, 178, 149], [44, 20, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E3CEB3, #CAA986, #DAA579, #AFB295, #2C1400 is ideal for: 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: #e3ceb3; --color-2: #caa986; --color-3: #daa579; --color-4: #afb295; --color-5: #2c1400. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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