← Back to Editor

#E7E3A5 · #DAD370 · #361C1B · #CF4756 · #E66A78

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

#E7E3A5

Fresh Green · Wheat · Lemon Cream

HEX
#E7E3A5
RGB
rgb(231, 227, 165)
HSL
hsl(56, 58%, 78%)
HSB
hsb(56, 29%, 91%)
CMYK
cmyk(0%, 2%, 29%, 9%)
Oklch
oklch(90.4% 0.080 104.8)

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

#DAD370

Fresh Green · BurlyWood · Sunflower

HEX
#DAD370
RGB
rgb(218, 211, 112)
HSL
hsl(56, 59%, 65%)
HSB
hsb(56, 49%, 85%)
CMYK
cmyk(0%, 3%, 49%, 15%)
Oklch
oklch(85.2% 0.122 105.1)

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

#361C1B

Crimson · Black · Deep Berry

HEX
#361C1B
RGB
rgb(54, 28, 27)
HSL
hsl(2, 33%, 16%)
HSB
hsb(2, 50%, 21%)
CMYK
cmyk(0%, 48%, 50%, 79%)
Oklch
oklch(26.2% 0.041 22.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#CF4756

Crimson · Tomato · Passion Red

HEX
#CF4756
RGB
rgb(207, 71, 86)
HSL
hsl(353, 59%, 55%)
HSB
hsb(353, 66%, 81%)
CMYK
cmyk(0%, 66%, 58%, 19%)
Oklch
oklch(59.0% 0.171 17.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E66A78

Peach Pink · LightCoral · Coral Red

HEX
#E66A78
RGB
rgb(230, 106, 120)
HSL
hsl(353, 71%, 66%)
HSB
hsb(353, 54%, 90%)
CMYK
cmyk(0%, 54%, 48%, 10%)
Oklch
oklch(67.7% 0.154 15.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E3A5
A6ABE7

Analogous

E7C3A6
E7E3A5
CBE7A6

Triadic

E7E3A5
A6E7E3
E3A6E7

Split-Comp.

E7E3A5
A6CBE7
C3A6E7

Tetradic

E7E3A5
A6E7C3
A6ABE7
E7A6CB

Contrast Matrix WCAG 2.1 Contrast

E7E3A5
DAD370
361C1B
CF4756
E66A78
—
1.2
Fail
11.9
AAA
3.4
AA Large
2.4
Fail
1.2
Fail
—
10.1
AAA
2.9
Fail
2.0
Fail
11.9
AAA
10.1
AAA
—
3.5
AA Large
5.0
AA
3.4
AA Large
2.9
Fail
3.5
AA Large
—
1.4
Fail
2.4
Fail
2.0
Fail
5.0
AA
1.4
Fail
—
White BG
1.3Fail
1.6Fail
15.7AAA
4.5AA Large
3.1AA Large
Black BG
15.9AAA
13.5AAA
1.3Fail
4.7AA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5B4
D7D788
2B2B1B
949352
B0AF75

Deuteranopia

E6E6B8
D7D88E
2C2E1B
9CA652
B8C174

Tritanopia

E7C0C2
DA9B9F
351B1B
C8504F
E07271

Achromatopsia

DDDDDD
CACACA
242424
717171
919191

Shades & Tints Shades & Tints

#E7E3A5

Dark
Light

#DAD370

Dark
Light

#361C1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e3a5;
  --color-2: #dad370;
  --color-3: #361c1b;
  --color-4: #cf4756;
  --color-5: #e66a78;
}

SCSS

$color-1: #e7e3a5;
$color-2: #dad370;
$color-3: #361c1b;
$color-4: #cf4756;
$color-5: #e66a78;

TAILWIND

colors: {
  'brand-1': '#e7e3a5',
  'brand-2': '#dad370',
  'brand-3': '#361c1b',
  'brand-4': '#cf4756',
  'brand-5': '#e66a78',
}

RGB Array

[231, 227, 165], [218, 211, 112], [54, 28, 27], [207, 71, 86], [230, 106, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7E3A5, #DAD370, #361C1B, #CF4756, #E66A78 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: #e7e3a5; --color-2: #dad370; --color-3: #361c1b; --color-4: #cf4756; --color-5: #e66a78. 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