← Back to Editor

#EDDCC0 · #E3DC8E · #2E2F21 · #A6AB07 · #C10E48

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EDDCC0

Goose Yellow · Wheat · Peach Orange

HEX
#EDDCC0
RGB
rgb(237, 220, 192)
HSL
hsl(37, 56%, 84%)
HSB
hsb(37, 19%, 93%)
CMYK
cmyk(0%, 7%, 19%, 7%)
Oklch
oklch(90.1% 0.042 80.3)

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

#E3DC8E

Fresh Green · Khaki · Sunflower

HEX
#E3DC8E
RGB
rgb(227, 220, 142)
HSL
hsl(55, 60%, 72%)
HSB
hsb(55, 37%, 89%)
CMYK
cmyk(0%, 3%, 37%, 11%)
Oklch
oklch(88.3% 0.099 103.8)

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

#2E2F21

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#2E2F21
RGB
rgb(46, 47, 33)
HSL
hsl(64, 18%, 16%)
HSB
hsb(64, 30%, 18%)
CMYK
cmyk(2%, 0%, 30%, 82%)
Oklch
oklch(30.0% 0.024 111.2)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#A6AB07

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A6AB07
RGB
rgb(166, 171, 7)
HSL
hsl(62, 92%, 35%)
HSB
hsb(62, 96%, 67%)
CMYK
cmyk(3%, 0%, 96%, 33%)
Oklch
oklch(71.3% 0.156 111.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C10E48

Dark Violet · Crimson · Camellia

HEX
#C10E48
RGB
rgb(193, 14, 72)
HSL
hsl(341, 86%, 41%)
HSB
hsb(341, 93%, 76%)
CMYK
cmyk(0%, 93%, 63%, 24%)
Oklch
oklch(52.1% 0.202 12.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDCC0
BFD1ED

Analogous

EDC5BF
EDDCC0
E8EDBF

Triadic

EDDCC0
BFEDDC
DCBFED

Split-Comp.

EDDCC0
BFE8ED
C5BFED

Tetradic

EDDCC0
BFEDC5
BFD1ED
EDBFE8

Contrast Matrix WCAG 2.1 Contrast

EDDCC0
E3DC8E
2E2F21
A6AB07
C10E48
—
1.0
Fail
10.1
AAA
1.8
Fail
4.6
AA
1.0
Fail
—
9.6
AAA
1.8
Fail
4.4
AA Large
10.1
AAA
9.6
AAA
—
5.5
AA
2.2
Fail
1.8
Fail
1.8
Fail
5.5
AA
—
2.5
Fail
4.6
AA
4.4
AA Large
2.2
Fail
2.5
Fail
—
White BG
1.3Fail
1.4Fail
13.6AAA
2.5Fail
6.1AA
Black BG
15.6AAA
14.9AAA
1.5Fail
8.4AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E5C7
E0E0A1
2E2E24
A8A82F
73723A

Deuteranopia

E7E8C8
E0E1A5
2E2E25
A8A838
7E8B37

Tritanopia

ECCCCD
E3B0B3
2E2728
A64E55
B82F2C

Achromatopsia

DEDEDE
D5D5D5
2D2D2D
979797
4A4A4A

Shades & Tints Shades & Tints

#EDDCC0

Dark
Light

#E3DC8E

Dark
Light

#2E2F21

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddcc0;
  --color-2: #e3dc8e;
  --color-3: #2e2f21;
  --color-4: #a6ab07;
  --color-5: #c10e48;
}

SCSS

$color-1: #eddcc0;
$color-2: #e3dc8e;
$color-3: #2e2f21;
$color-4: #a6ab07;
$color-5: #c10e48;

TAILWIND

colors: {
  'brand-1': '#eddcc0',
  'brand-2': '#e3dc8e',
  'brand-3': '#2e2f21',
  'brand-4': '#a6ab07',
  'brand-5': '#c10e48',
}

RGB Array

[237, 220, 192], [227, 220, 142], [46, 47, 33], [166, 171, 7], [193, 14, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDDCC0, #E3DC8E, #2E2F21, #A6AB07, #C10E48 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eddcc0; --color-2: #e3dc8e; --color-3: #2e2f21; --color-4: #a6ab07; --color-5: #c10e48. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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