← Back to Editor

#EEC18B · #5E785E · #643C56 · #442C1C · #CE5A12

A 5-color palette 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

#EEC18B

Goose Yellow · BurlyWood · Warm Sun

HEX
#EEC18B
RGB
rgb(238, 193, 139)
HSL
hsl(33, 74%, 74%)
HSB
hsb(33, 42%, 93%)
CMYK
cmyk(0%, 19%, 42%, 7%)
Oklch
oklch(83.8% 0.087 71.3)

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

#5E785E

Celadon · DimGray · Olive Green

HEX
#5E785E
RGB
rgb(94, 120, 94)
HSL
hsl(120, 12%, 42%)
HSB
hsb(120, 22%, 47%)
CMYK
cmyk(22%, 0%, 22%, 53%)
Oklch
oklch(54.4% 0.050 144.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#643C56

Rose Purple · DimGray · Camellia

HEX
#643C56
RGB
rgb(100, 60, 86)
HSL
hsl(321, 25%, 31%)
HSB
hsb(321, 40%, 39%)
CMYK
cmyk(0%, 40%, 14%, 61%)
Oklch
oklch(41.3% 0.068 341.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#442C1C

Tangerine · DarkSlateGray · Cinnamon

HEX
#442C1C
RGB
rgb(68, 44, 28)
HSL
hsl(24, 42%, 19%)
HSB
hsb(24, 59%, 27%)
CMYK
cmyk(0%, 35%, 59%, 73%)
Oklch
oklch(31.8% 0.044 54.1)

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

#CE5A12

Tangerine · Chocolate · Amber Brown

HEX
#CE5A12
RGB
rgb(206, 90, 18)
HSL
hsl(23, 84%, 44%)
HSB
hsb(23, 91%, 81%)
CMYK
cmyk(0%, 56%, 91%, 19%)
Oklch
oklch(60.5% 0.165 45.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEC18B
8CB8EE

Analogous

EE918C
EEC18B
E9EE8C

Triadic

EEC18B
8CEEC2
C28CEE

Split-Comp.

EEC18B
8CE9EE
918CEE

Tetradic

EEC18B
8CEE91
8CB8EE
EE8CE9

Contrast Matrix WCAG 2.1 Contrast

EEC18B
5E785E
643C56
442C1C
CE5A12
—
2.9
Fail
5.4
AA
7.8
AAA
2.5
Fail
2.9
Fail
—
1.9
Fail
2.7
Fail
1.2
Fail
5.4
AA
1.9
Fail
—
1.4
Fail
2.2
Fail
7.8
AAA
2.7
Fail
1.4
Fail
—
3.1
AA Large
2.5
Fail
1.2
Fail
2.2
Fail
3.1
AA Large
—
White BG
1.7Fail
4.9AA
9.0AAA
12.9AAA
4.1AA Large
Black BG
12.6AAA
4.3AA Large
2.3Fail
1.6Fail
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDA98
696964
535250
3A3920
9C9B23

Deuteranopia

DDE19B
686666
55584E
3B3D21
A3AB28

Tritanopia

ECA2A5
5F696A
624B4A
432324
C83134

Achromatopsia

C8C8C8
6D6D6D
4B4B4B
313131
747474

Shades & Tints Shades & Tints

#EEC18B

Dark
Light

#5E785E

Dark
Light

#643C56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eec18b;
  --color-2: #5e785e;
  --color-3: #643c56;
  --color-4: #442c1c;
  --color-5: #ce5a12;
}

SCSS

$color-1: #eec18b;
$color-2: #5e785e;
$color-3: #643c56;
$color-4: #442c1c;
$color-5: #ce5a12;

TAILWIND

colors: {
  'brand-1': '#eec18b',
  'brand-2': '#5e785e',
  'brand-3': '#643c56',
  'brand-4': '#442c1c',
  'brand-5': '#ce5a12',
}

RGB Array

[238, 193, 139], [94, 120, 94], [100, 60, 86], [68, 44, 28], [206, 90, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEC18B, #5E785E, #643C56, #442C1C, #CE5A12 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: #eec18b; --color-2: #5e785e; --color-3: #643c56; --color-4: #442c1c; --color-5: #ce5a12. 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 general-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