← Back to Editor

#E1E6B5 · #DBBF88 · #E68D60 · #E35B54 · #390F25

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

#E1E6B5

Fresh Green · Wheat · Lemon Cream

HEX
#E1E6B5
RGB
rgb(225, 230, 181)
HSL
hsl(66, 49%, 81%)
HSB
hsb(66, 21%, 90%)
CMYK
cmyk(2%, 0%, 21%, 10%)
Oklch
oklch(90.9% 0.064 112.4)

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

#DBBF88

Ginger · BurlyWood · Sunflower

HEX
#DBBF88
RGB
rgb(219, 191, 136)
HSL
hsl(40, 54%, 70%)
HSB
hsb(40, 38%, 86%)
CMYK
cmyk(0%, 13%, 38%, 14%)
Oklch
oklch(81.6% 0.078 83.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E68D60

Apricot · SandyBrown · Warm Sun

HEX
#E68D60
RGB
rgb(230, 141, 96)
HSL
hsl(20, 73%, 64%)
HSB
hsb(20, 58%, 90%)
CMYK
cmyk(0%, 39%, 58%, 10%)
Oklch
oklch(72.7% 0.124 47.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E35B54

Peach Pink · Tomato · Coral Red

HEX
#E35B54
RGB
rgb(227, 91, 84)
HSL
hsl(3, 72%, 61%)
HSB
hsb(3, 63%, 89%)
CMYK
cmyk(0%, 60%, 63%, 11%)
Oklch
oklch(64.5% 0.171 25.9)

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

#390F25

Rose Purple · Black · Raspberry

HEX
#390F25
RGB
rgb(57, 15, 37)
HSL
hsl(329, 58%, 14%)
HSB
hsb(329, 74%, 22%)
CMYK
cmyk(0%, 74%, 35%, 78%)
Oklch
oklch(24.7% 0.072 351.2)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1E6B5
BCB7E6

Analogous

E6D3B7
E1E6B5
CAE6B7

Triadic

E1E6B5
B7E2E6
E6B7E2

Split-Comp.

E1E6B5
B7CAE6
D3B7E6

Tetradic

E1E6B5
B7E6D3
BCB7E6
E6B7CA

Contrast Matrix WCAG 2.1 Contrast

E1E6B5
DBBF88
E68D60
E35B54
390F25
—
1.4
Fail
1.9
Fail
2.7
Fail
12.8
AAA
1.4
Fail
—
1.4
Fail
2.0
Fail
9.3
AAA
1.9
Fail
1.4
Fail
—
1.4
Fail
6.6
AA
2.7
Fail
2.0
Fail
1.4
Fail
—
4.6
AA
12.8
AAA
9.3
AAA
6.6
AA
4.6
AA
—
White BG
1.3Fail
1.8Fail
2.5Fail
3.6AA Large
16.5AAA
Black BG
16.2AAA
11.8AAA
8.3AAA
5.9AA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3C1
CFCF95
BFBF6B
A8A756
272620

Deuteranopia

E3E3C4
D1D399
C5CB6D
B0BA56
292C1E

Tritanopia

E1CACC
DAA0A2
E27375
DC5757
371B1B

Achromatopsia

DFDFDF
C1C1C1
A2A2A2
838383
1E1E1E

Shades & Tints Shades & Tints

#E1E6B5

Dark
Light

#DBBF88

Dark
Light

#E68D60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1e6b5;
  --color-2: #dbbf88;
  --color-3: #e68d60;
  --color-4: #e35b54;
  --color-5: #390f25;
}

SCSS

$color-1: #e1e6b5;
$color-2: #dbbf88;
$color-3: #e68d60;
$color-4: #e35b54;
$color-5: #390f25;

TAILWIND

colors: {
  'brand-1': '#e1e6b5',
  'brand-2': '#dbbf88',
  'brand-3': '#e68d60',
  'brand-4': '#e35b54',
  'brand-5': '#390f25',
}

RGB Array

[225, 230, 181], [219, 191, 136], [230, 141, 96], [227, 91, 84], [57, 15, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1E6B5, #DBBF88, #E68D60, #E35B54, #390F25 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: #e1e6b5; --color-2: #dbbf88; --color-3: #e68d60; --color-4: #e35b54; --color-5: #390f25. 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