← Back to Editor

#E5DFBB · #8FBB1E · #C29760 · #D00062 · #2A2A2A

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

#E5DFBB

Fresh Green · Wheat · Lemon Cream

HEX
#E5DFBB
RGB
rgb(229, 223, 187)
HSL
hsl(51, 45%, 82%)
HSB
hsb(51, 18%, 90%)
CMYK
cmyk(0%, 3%, 18%, 10%)
Oklch
oklch(89.9% 0.048 99.5)

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

#8FBB1E

Grass Green · Olive · Olive Green

HEX
#8FBB1E
RGB
rgb(143, 187, 30)
HSL
hsl(77, 72%, 43%)
HSB
hsb(77, 84%, 73%)
CMYK
cmyk(24%, 0%, 84%, 27%)
Oklch
oklch(73.4% 0.177 125.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#C29760

Ginger · DarkSalmon · Warm Sun

HEX
#C29760
RGB
rgb(194, 151, 96)
HSL
hsl(34, 45%, 57%)
HSB
hsb(34, 51%, 76%)
CMYK
cmyk(0%, 22%, 51%, 24%)
Oklch
oklch(70.4% 0.089 72.4)

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

#D00062

Dark Violet · MediumVioletRed · Camellia

HEX
#D00062
RGB
rgb(208, 0, 98)
HSL
hsl(332, 100%, 41%)
HSB
hsb(332, 100%, 82%)
CMYK
cmyk(0%, 100%, 53%, 18%)
Oklch
oklch(55.2% 0.222 4.4)

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

#2A2A2A

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2A2A2A
RGB
rgb(42, 42, 42)
HSL
hsl(0, 0%, 16%)
HSB
hsb(0, 0%, 16%)
CMYK
cmyk(0%, 0%, 0%, 84%)
Oklch
oklch(28.5% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5DFBB
BCC3E6

Analogous

E6CBBC
E5DFBB
D7E6BC

Triadic

E5DFBB
BCE6E0
E0BCE6

Split-Comp.

E5DFBB
BCD7E6
CBBCE6

Tetradic

E5DFBB
BCE6CB
BCC3E6
E6BCD7

Contrast Matrix WCAG 2.1 Contrast

E5DFBB
8FBB1E
C29760
D00062
2A2A2A
—
1.7
Fail
2.0
Fail
4.0
AA Large
10.7
AAA
1.7
Fail
—
1.2
Fail
2.4
Fail
6.4
AA
2.0
Fail
1.2
Fail
—
2.0
Fail
5.4
AA
4.0
AA Large
2.4
Fail
2.0
Fail
—
2.6
Fail
10.7
AAA
6.4
AA
5.4
AA
2.6
Fail
—
White BG
1.3Fail
2.3Fail
2.7Fail
5.4AA
14.4AAA
Black BG
15.6AAA
9.3AAA
7.9AAA
3.9AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C4
A2A244
AFAF6D
76744A
2A2A2A

Deuteranopia

E3E3C6
A09C4D
B2B570
829245
2A2A2A

Tritanopia

E5CBCC
916269
C0787A
C63833
2A2A2A

Achromatopsia

DDDDDD
9C9C9C
9E9E9E
494949
2A2A2A

Shades & Tints Shades & Tints

#E5DFBB

Dark
Light

#8FBB1E

Dark
Light

#C29760

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5dfbb;
  --color-2: #8fbb1e;
  --color-3: #c29760;
  --color-4: #d00062;
  --color-5: #2a2a2a;
}

SCSS

$color-1: #e5dfbb;
$color-2: #8fbb1e;
$color-3: #c29760;
$color-4: #d00062;
$color-5: #2a2a2a;

TAILWIND

colors: {
  'brand-1': '#e5dfbb',
  'brand-2': '#8fbb1e',
  'brand-3': '#c29760',
  'brand-4': '#d00062',
  'brand-5': '#2a2a2a',
}

RGB Array

[229, 223, 187], [143, 187, 30], [194, 151, 96], [208, 0, 98], [42, 42, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5DFBB, #8FBB1E, #C29760, #D00062, #2A2A2A 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: #e5dfbb; --color-2: #8fbb1e; --color-3: #c29760; --color-4: #d00062; --color-5: #2a2a2a. 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