← Back to Editor

#EAE2C8 · #F57164 · #DB7164 · #C27164 · #7E7164

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

#EAE2C8

Goose Yellow · Bisque · Lemon Cream

HEX
#EAE2C8
RGB
rgb(234, 226, 200)
HSL
hsl(46, 45%, 85%)
HSB
hsb(46, 15%, 92%)
CMYK
cmyk(0%, 3%, 15%, 8%)
Oklch
oklch(91.2% 0.036 92.8)

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

#F57164

Peach Pink · Salmon · Coral Red

HEX
#F57164
RGB
rgb(245, 113, 100)
HSL
hsl(5, 88%, 68%)
HSB
hsb(5, 59%, 96%)
CMYK
cmyk(0%, 54%, 59%, 4%)
Oklch
oklch(70.4% 0.165 27.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DB7164

Peach Pink · Salmon · Coral Red

HEX
#DB7164
RGB
rgb(219, 113, 100)
HSL
hsl(7, 62%, 63%)
HSB
hsb(7, 54%, 86%)
CMYK
cmyk(0%, 48%, 54%, 14%)
Oklch
oklch(66.8% 0.135 28.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C27164

Crimson · LightCoral · Passion Red

HEX
#C27164
RGB
rgb(194, 113, 100)
HSL
hsl(8, 44%, 58%)
HSB
hsb(8, 48%, 76%)
CMYK
cmyk(0%, 42%, 48%, 24%)
Oklch
oklch(63.5% 0.105 30.0)

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

#7E7164

Ochre · DimGray · Amber Brown

HEX
#7E7164
RGB
rgb(126, 113, 100)
HSL
hsl(30, 12%, 44%)
HSB
hsb(30, 21%, 49%)
CMYK
cmyk(0%, 10%, 21%, 51%)
Oklch
oklch(55.7% 0.025 67.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE2C8
C8D0EA

Analogous

EAD1C8
EAE2C8
E1EAC8

Triadic

EAE2C8
C8EAE2
E2C8EA

Split-Comp.

EAE2C8
C8E1EA
D1C8EA

Tetradic

EAE2C8
C8EAD1
C8D0EA
EAC8E1

Contrast Matrix WCAG 2.1 Contrast

EAE2C8
F57164
DB7164
C27164
7E7164
—
2.2
Fail
2.5
Fail
2.8
Fail
3.7
AA Large
2.2
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
2.5
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
2.8
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
3.7
AA Large
1.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.3Fail
2.8Fail
3.2AA Large
3.6AA Large
4.7AA
Black BG
16.2AAA
7.4AAA
6.6AA
5.8AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E6CE
BCBB67
ADAC67
9F9E67
787867

Deuteranopia

E7E8D0
C4CD68
B3BB68
A4AA68
797A68

Tritanopia

EAD3D4
EE6A6A
D66A6A
BE6A6A
7D6A6A

Achromatopsia

E1E1E1
979797
8F8F8F
888888
737373

Shades & Tints Shades & Tints

#EAE2C8

Dark
Light

#F57164

Dark
Light

#DB7164

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae2c8;
  --color-2: #f57164;
  --color-3: #db7164;
  --color-4: #c27164;
  --color-5: #7e7164;
}

SCSS

$color-1: #eae2c8;
$color-2: #f57164;
$color-3: #db7164;
$color-4: #c27164;
$color-5: #7e7164;

TAILWIND

colors: {
  'brand-1': '#eae2c8',
  'brand-2': '#f57164',
  'brand-3': '#db7164',
  'brand-4': '#c27164',
  'brand-5': '#7e7164',
}

RGB Array

[234, 226, 200], [245, 113, 100], [219, 113, 100], [194, 113, 100], [126, 113, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE2C8, #F57164, #DB7164, #C27164, #7E7164 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: #eae2c8; --color-2: #f57164; --color-3: #db7164; --color-4: #c27164; --color-5: #7e7164. 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