← Back to Editor

#E8CF8F · #B88846 · #FEEAD1 · #C98C9E · #51313C

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

#E8CF8F

Goose Yellow · Khaki · Sunflower

HEX
#E8CF8F
RGB
rgb(232, 207, 143)
HSL
hsl(43, 66%, 74%)
HSB
hsb(43, 38%, 91%)
CMYK
cmyk(0%, 11%, 38%, 9%)
Oklch
oklch(86.1% 0.087 89.1)

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

#B88846

Ochre · Chocolate · Amber Brown

HEX
#B88846
RGB
rgb(184, 136, 70)
HSL
hsl(35, 45%, 50%)
HSB
hsb(35, 62%, 72%)
CMYK
cmyk(0%, 26%, 62%, 28%)
Oklch
oklch(66.0% 0.102 73.1)

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

#FEEAD1

Goose Yellow · Bisque · Peach Orange

HEX
#FEEAD1
RGB
rgb(254, 234, 209)
HSL
hsl(33, 96%, 91%)
HSB
hsb(33, 18%, 100%)
CMYK
cmyk(0%, 8%, 18%, 0%)
Oklch
oklch(94.7% 0.040 73.4)

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

#C98C9E

Rouge · DarkGray · Rose Pink

HEX
#C98C9E
RGB
rgb(201, 140, 158)
HSL
hsl(342, 36%, 67%)
HSB
hsb(342, 30%, 79%)
CMYK
cmyk(0%, 30%, 21%, 21%)
Oklch
oklch(70.5% 0.078 360.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#51313C

Dark Violet · DarkSlateGray · Raspberry

HEX
#51313C
RGB
rgb(81, 49, 60)
HSL
hsl(339, 25%, 25%)
HSB
hsb(339, 40%, 32%)
CMYK
cmyk(0%, 40%, 26%, 68%)
Oklch
oklch(35.6% 0.049 357.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8CF8F
91AAE8

Analogous

E8A491
E8CF8F
D5E891

Triadic

E8CF8F
91E8D0
D091E8

Split-Comp.

E8CF8F
91D5E8
A491E8

Tetradic

E8CF8F
91E8A4
91AAE8
E891D5

Contrast Matrix WCAG 2.1 Contrast

E8CF8F
B88846
FEEAD1
C98C9E
51313C
—
2.1
Fail
1.3
Fail
1.8
Fail
7.4
AAA
2.1
Fail
—
2.7
Fail
1.2
Fail
3.6
AA Large
1.3
Fail
2.7
Fail
—
2.3
Fail
9.7
AAA
1.8
Fail
1.2
Fail
2.3
Fail
—
4.2
AA Large
7.4
AAA
3.6
AA Large
9.7
AAA
4.2
AA Large
—
White BG
1.5Fail
3.2AA Large
1.2Fail
2.7Fail
11.3AAA
Black BG
13.8AAA
6.6AA
17.9AAA
7.7AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDD9E
A3A356
F5F5D7
AFAE9A
434339

Deuteranopia

DFE0A2
A6AA5A
F7F8D9
B2B799
454739

Tritanopia

E7ABAD
B66365
FDDCDD
C69695
4F3737

Achromatopsia

CFCFCF
8F8F8F
EDEDED
A0A0A0
3C3C3C

Shades & Tints Shades & Tints

#E8CF8F

Dark
Light

#B88846

Dark
Light

#FEEAD1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8cf8f;
  --color-2: #b88846;
  --color-3: #feead1;
  --color-4: #c98c9e;
  --color-5: #51313c;
}

SCSS

$color-1: #e8cf8f;
$color-2: #b88846;
$color-3: #feead1;
$color-4: #c98c9e;
$color-5: #51313c;

TAILWIND

colors: {
  'brand-1': '#e8cf8f',
  'brand-2': '#b88846',
  'brand-3': '#feead1',
  'brand-4': '#c98c9e',
  'brand-5': '#51313c',
}

RGB Array

[232, 207, 143], [184, 136, 70], [254, 234, 209], [201, 140, 158], [81, 49, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8CF8F, #B88846, #FEEAD1, #C98C9E, #51313C 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: #e8cf8f; --color-2: #b88846; --color-3: #feead1; --color-4: #c98c9e; --color-5: #51313c. 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