← Back to Editor

#DECEAD · #C2B79B · #AC9583 · #A97965 · #E28250

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 Library

Color Details Color Details

#DECEAD

Goose Yellow · Wheat · Lemon Cream

HEX
#DECEAD
RGB
rgb(222, 206, 173)
HSL
hsl(40, 43%, 77%)
HSB
hsb(40, 22%, 87%)
CMYK
cmyk(0%, 7%, 22%, 13%)
Oklch
oklch(85.6% 0.048 85.2)

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

#C2B79B

Ginger · Tan · Sunflower

HEX
#C2B79B
RGB
rgb(194, 183, 155)
HSL
hsl(43, 24%, 68%)
HSB
hsb(43, 20%, 76%)
CMYK
cmyk(0%, 6%, 20%, 24%)
Oklch
oklch(78.1% 0.040 89.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#AC9583

Tangerine · DarkGray · Warm Sun

HEX
#AC9583
RGB
rgb(172, 149, 131)
HSL
hsl(26, 20%, 59%)
HSB
hsb(26, 24%, 67%)
CMYK
cmyk(0%, 13%, 24%, 33%)
Oklch
oklch(68.5% 0.038 60.2)

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

#A97965

Tangerine · Gray · Warm Sun

HEX
#A97965
RGB
rgb(169, 121, 101)
HSL
hsl(18, 28%, 53%)
HSB
hsb(18, 40%, 66%)
CMYK
cmyk(0%, 28%, 40%, 34%)
Oklch
oklch(61.9% 0.067 43.6)

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

#E28250

Tangerine · Coral · Warm Sun

HEX
#E28250
RGB
rgb(226, 130, 80)
HSL
hsl(21, 72%, 60%)
HSB
hsb(21, 65%, 89%)
CMYK
cmyk(0%, 42%, 65%, 11%)
Oklch
oklch(70.1% 0.135 47.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DECEAD
ABBCDE

Analogous

DEB4AB
DECEAD
D5DEAB

Triadic

DECEAD
ABDECD
CDABDE

Split-Comp.

DECEAD
ABD5DE
B4ABDE

Tetradic

DECEAD
ABDEB4
ABBCDE
DEABD5

Contrast Matrix WCAG 2.1 Contrast

DECEAD
C2B79B
AC9583
A97965
E28250
—
1.3
Fail
1.8
Fail
2.4
Fail
1.8
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
1.4
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
1.0
Fail
2.4
Fail
1.9
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
1.4
Fail
1.0
Fail
1.3
Fail
—
White BG
1.6Fail
2.0Fail
2.8Fail
3.7AA Large
2.8Fail
Black BG
13.5AAA
10.5AAA
7.4AAA
5.6AA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7B5
BDBDA2
A2A287
94946A
B8B85C

Deuteranopia

D8D9B7
BEBFA3
A3A588
979B6B
BEC55F

Tritanopia

DDBBBD
C1A7A8
AB8B8C
A76E6F
DD6668

Achromatopsia

CFCFCF
B7B7B7
9A9A9A
858585
999999

Shades & Tints Shades & Tints

#DECEAD

Dark
Light

#C2B79B

Dark
Light

#AC9583

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #decead;
  --color-2: #c2b79b;
  --color-3: #ac9583;
  --color-4: #a97965;
  --color-5: #e28250;
}

SCSS

$color-1: #decead;
$color-2: #c2b79b;
$color-3: #ac9583;
$color-4: #a97965;
$color-5: #e28250;

TAILWIND

colors: {
  'brand-1': '#decead',
  'brand-2': '#c2b79b',
  'brand-3': '#ac9583',
  'brand-4': '#a97965',
  'brand-5': '#e28250',
}

RGB Array

[222, 206, 173], [194, 183, 155], [172, 149, 131], [169, 121, 101], [226, 130, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DECEAD, #C2B79B, #AC9583, #A97965, #E28250 is ideal for: corporate websites, product showcases, portfolios. 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: #decead; --color-2: #c2b79b; --color-3: #ac9583; --color-4: #a97965; --color-5: #e28250. 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. 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