← Back to Editor

#2E3B44 · #9A8979 · #CDC3A0 · #EAD7B7 · #CC8889

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

#2E3B44

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#2E3B44
RGB
rgb(46, 59, 68)
HSL
hsl(205, 19%, 22%)
HSB
hsb(205, 32%, 27%)
CMYK
cmyk(32%, 13%, 0%, 73%)
Oklch
oklch(34.4% 0.023 238.6)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#9A8979

Tangerine · Gray · Warm Sun

HEX
#9A8979
RGB
rgb(154, 137, 121)
HSL
hsl(29, 14%, 54%)
HSB
hsb(29, 21%, 60%)
CMYK
cmyk(0%, 11%, 21%, 40%)
Oklch
oklch(64.1% 0.031 65.5)

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

#CDC3A0

Goose Yellow · Tan · Sunflower

HEX
#CDC3A0
RGB
rgb(205, 195, 160)
HSL
hsl(47, 31%, 72%)
HSB
hsb(47, 22%, 80%)
CMYK
cmyk(0%, 5%, 22%, 20%)
Oklch
oklch(81.6% 0.048 94.0)

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

#EAD7B7

Goose Yellow · Wheat · Peach Orange

HEX
#EAD7B7
RGB
rgb(234, 215, 183)
HSL
hsl(38, 55%, 82%)
HSB
hsb(38, 22%, 92%)
CMYK
cmyk(0%, 8%, 22%, 8%)
Oklch
oklch(88.6% 0.047 80.8)

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

#CC8889

Peach Pink · DarkSalmon · Coral Red

HEX
#CC8889
RGB
rgb(204, 136, 137)
HSL
hsl(359, 40%, 67%)
HSB
hsb(359, 33%, 80%)
CMYK
cmyk(0%, 33%, 33%, 20%)
Oklch
oklch(69.6% 0.084 18.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E3B44
43362D

Analogous

2D4341
2E3B44
2D2F43

Triadic

2E3B44
432D3A
3A432D

Split-Comp.

2E3B44
432D2F
43412D

Tetradic

2E3B44
412D43
43362D
2F432D

Contrast Matrix WCAG 2.1 Contrast

2E3B44
9A8979
CDC3A0
EAD7B7
CC8889
—
3.4
AA Large
6.5
AA
8.2
AAA
4.1
AA Large
3.4
AA Large
—
1.9
Fail
2.4
Fail
1.2
Fail
6.5
AA
1.9
Fail
—
1.3
Fail
1.6
Fail
8.2
AAA
2.4
Fail
1.3
Fail
—
2.0
Fail
4.1
AA Large
1.2
Fail
1.6
Fail
2.0
Fail
—
White BG
11.5AAA
3.4AA Large
1.8Fail
1.4Fail
2.8Fail
Black BG
1.8Fail
6.2AA
11.9AAA
14.9AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343442
93927D
C9C9A8
E2E2BF
AFAE89

Deuteranopia

333241
94957E
C9CAAB
E3E4C1
B3B889

Tritanopia

2F4040
998081
CDAFB1
E9C5C6
C98989

Achromatopsia

383838
8C8C8C
C2C2C2
D9D9D9
9C9C9C

Shades & Tints Shades & Tints

#2E3B44

Dark
Light

#9A8979

Dark
Light

#CDC3A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e3b44;
  --color-2: #9a8979;
  --color-3: #cdc3a0;
  --color-4: #ead7b7;
  --color-5: #cc8889;
}

SCSS

$color-1: #2e3b44;
$color-2: #9a8979;
$color-3: #cdc3a0;
$color-4: #ead7b7;
$color-5: #cc8889;

TAILWIND

colors: {
  'brand-1': '#2e3b44',
  'brand-2': '#9a8979',
  'brand-3': '#cdc3a0',
  'brand-4': '#ead7b7',
  'brand-5': '#cc8889',
}

RGB Array

[46, 59, 68], [154, 137, 121], [205, 195, 160], [234, 215, 183], [204, 136, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E3B44, #9A8979, #CDC3A0, #EAD7B7, #CC8889 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: #2e3b44; --color-2: #9a8979; --color-3: #cdc3a0; --color-4: #ead7b7; --color-5: #cc8889. 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