← Back to Editor

#E8E2BE · #D6D3B4 · #F2A186 · #D1937A · #6A5D54

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E8E2BE

Fresh Green · Wheat · Lemon Cream

HEX
#E8E2BE
RGB
rgb(232, 226, 190)
HSL
hsl(51, 48%, 83%)
HSB
hsb(51, 18%, 91%)
CMYK
cmyk(0%, 3%, 18%, 9%)
Oklch
oklch(90.8% 0.048 99.4)

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

#D6D3B4

Fresh Green · LightGray · Lemon Cream

HEX
#D6D3B4
RGB
rgb(214, 211, 180)
HSL
hsl(55, 29%, 77%)
HSB
hsb(55, 16%, 84%)
CMYK
cmyk(0%, 1%, 16%, 16%)
Oklch
oklch(86.1% 0.042 102.7)

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

#F2A186

Apricot · LightSalmon · Warm Sun

HEX
#F2A186
RGB
rgb(242, 161, 134)
HSL
hsl(15, 81%, 74%)
HSB
hsb(15, 45%, 95%)
CMYK
cmyk(0%, 33%, 45%, 5%)
Oklch
oklch(78.3% 0.104 39.2)

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

#D1937A

Apricot · DarkSalmon · Warm Sun

HEX
#D1937A
RGB
rgb(209, 147, 122)
HSL
hsl(17, 49%, 65%)
HSB
hsb(17, 42%, 82%)
CMYK
cmyk(0%, 30%, 42%, 18%)
Oklch
oklch(71.8% 0.083 42.8)

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

#6A5D54

Tangerine · DimGray · Amber Brown

HEX
#6A5D54
RGB
rgb(106, 93, 84)
HSL
hsl(25, 12%, 37%)
HSB
hsb(25, 21%, 42%)
CMYK
cmyk(0%, 12%, 21%, 58%)
Oklch
oklch(48.8% 0.022 56.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E2BE
BFC5E8

Analogous

E8CDBF
E8E2BE
DAE8BF

Triadic

E8E2BE
BFE8E2
E2BFE8

Split-Comp.

E8E2BE
BFDAE8
CDBFE8

Tetradic

E8E2BE
BFE8CD
BFC5E8
E8BFDA

Contrast Matrix WCAG 2.1 Contrast

E8E2BE
D6D3B4
F2A186
D1937A
6A5D54
—
1.2
Fail
1.6
Fail
2.0
Fail
4.9
AA
1.2
Fail
—
1.4
Fail
1.7
Fail
4.2
AA Large
1.6
Fail
1.4
Fail
—
1.3
Fail
3.1
AA Large
2.0
Fail
1.7
Fail
1.3
Fail
—
2.5
Fail
4.9
AA
4.2
AA Large
3.1
AA Large
2.5
Fail
—
White BG
1.3Fail
1.5Fail
2.1Fail
2.6Fail
6.4AA
Black BG
16.1AAA
13.8AAA
10.2AAA
8.2AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C7
D5D5BC
CFCE8D
B6B680
646456

Deuteranopia

E6E6C9
D5D5BD
D4DA8E
BABE82
656657

Tritanopia

E8CECF
D6C1C3
EE9293
CE8586
695858

Achromatopsia

E0E0E0
D0D0D0
B6B6B6
A3A3A3
606060

Shades & Tints Shades & Tints

#E8E2BE

Dark
Light

#D6D3B4

Dark
Light

#F2A186

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e2be;
  --color-2: #d6d3b4;
  --color-3: #f2a186;
  --color-4: #d1937a;
  --color-5: #6a5d54;
}

SCSS

$color-1: #e8e2be;
$color-2: #d6d3b4;
$color-3: #f2a186;
$color-4: #d1937a;
$color-5: #6a5d54;

TAILWIND

colors: {
  'brand-1': '#e8e2be',
  'brand-2': '#d6d3b4',
  'brand-3': '#f2a186',
  'brand-4': '#d1937a',
  'brand-5': '#6a5d54',
}

RGB Array

[232, 226, 190], [214, 211, 180], [242, 161, 134], [209, 147, 122], [106, 93, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E2BE, #D6D3B4, #F2A186, #D1937A, #6A5D54 is ideal for: health products, baby brands, fresh-style blogs, 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: #e8e2be; --color-2: #d6d3b4; --color-3: #f2a186; --color-4: #d1937a; --color-5: #6a5d54. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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