← Back to Editor

#DE8A56 · #111619 · #EDDFC1 · #A5B8A4 · #AD8A75

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DE8A56

Tangerine · Coral · Warm Sun

HEX
#DE8A56
RGB
rgb(222, 138, 86)
HSL
hsl(23, 67%, 60%)
HSB
hsb(23, 61%, 87%)
CMYK
cmyk(0%, 38%, 61%, 13%)
Oklch
oklch(71.1% 0.123 51.4)

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

#111619

Slate Blue · Black · Deep Sea Blue

HEX
#111619
RGB
rgb(17, 22, 25)
HSL
hsl(203, 19%, 8%)
HSB
hsb(203, 32%, 10%)
CMYK
cmyk(32%, 12%, 0%, 90%)
Oklch
oklch(19.6% 0.010 234.3)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#EDDFC1

Goose Yellow · Wheat · Lemon Cream

HEX
#EDDFC1
RGB
rgb(237, 223, 193)
HSL
hsl(41, 55%, 84%)
HSB
hsb(41, 19%, 93%)
CMYK
cmyk(0%, 6%, 19%, 7%)
Oklch
oklch(90.7% 0.043 86.0)

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

#A5B8A4

Celadon · DarkGray · Apple Green

HEX
#A5B8A4
RGB
rgb(165, 184, 164)
HSL
hsl(117, 12%, 68%)
HSB
hsb(117, 11%, 72%)
CMYK
cmyk(10%, 0%, 11%, 28%)
Oklch
oklch(76.2% 0.035 143.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#AD8A75

Tangerine · Gray · Warm Sun

HEX
#AD8A75
RGB
rgb(173, 138, 117)
HSL
hsl(22, 25%, 57%)
HSB
hsb(22, 32%, 68%)
CMYK
cmyk(0%, 20%, 32%, 32%)
Oklch
oklch(66.1% 0.052 52.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE8A56
55A9DD

Analogous

DD5565
DE8A56
DDCD55

Triadic

DE8A56
55DD89
8955DD

Split-Comp.

DE8A56
55DDCD
5565DD

Tetradic

DE8A56
65DD55
55A9DD
CD55DD

Contrast Matrix WCAG 2.1 Contrast

DE8A56
111619
EDDFC1
A5B8A4
AD8A75
—
6.8
AA
2.0
Fail
1.3
Fail
1.2
Fail
6.8
AA
—
13.8
AAA
8.7
AAA
5.8
AA
2.0
Fail
13.8
AAA
—
1.6
Fail
2.4
Fail
1.3
Fail
8.7
AAA
1.6
Fail
—
1.5
Fail
1.2
Fail
5.8
AA
2.4
Fail
1.5
Fail
—
White BG
2.7Fail
18.2AAA
1.3Fail
2.1Fail
3.1AA Large
Black BG
7.9AAA
1.2Fail
15.9AAA
10.0AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB963
131318
E7E7C8
ADADA9
9E9E7A

Deuteranopia

BFC566
131318
E8E9CA
ACABAA
A0A37B

Tritanopia

DA6D6F
111818
ECCECF
A6ADAE
AB7E7F

Achromatopsia

9D9D9D
151515
E0E0E0
B0B0B0
929292

Shades & Tints Shades & Tints

#DE8A56

Dark
Light

#111619

Dark
Light

#EDDFC1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de8a56;
  --color-2: #111619;
  --color-3: #eddfc1;
  --color-4: #a5b8a4;
  --color-5: #ad8a75;
}

SCSS

$color-1: #de8a56;
$color-2: #111619;
$color-3: #eddfc1;
$color-4: #a5b8a4;
$color-5: #ad8a75;

TAILWIND

colors: {
  'brand-1': '#de8a56',
  'brand-2': '#111619',
  'brand-3': '#eddfc1',
  'brand-4': '#a5b8a4',
  'brand-5': '#ad8a75',
}

RGB Array

[222, 138, 86], [17, 22, 25], [237, 223, 193], [165, 184, 164], [173, 138, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DE8A56, #111619, #EDDFC1, #A5B8A4, #AD8A75 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: #de8a56; --color-2: #111619; --color-3: #eddfc1; --color-4: #a5b8a4; --color-5: #ad8a75. 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