← Back to Editor

#E1E0CE · #F6F1DE · #E67249 · #362C35 · #B2C5B2

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

#E1E0CE

Fresh Green · LightGray · Lemon Cream

HEX
#E1E0CE
RGB
rgb(225, 224, 206)
HSL
hsl(57, 24%, 85%)
HSB
hsb(57, 8%, 88%)
CMYK
cmyk(0%, 0%, 8%, 12%)
Oklch
oklch(90.3% 0.024 104.3)

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

#F6F1DE

Goose Yellow · Beige · Lemon Cream

HEX
#F6F1DE
RGB
rgb(246, 241, 222)
HSL
hsl(47, 57%, 92%)
HSB
hsb(47, 10%, 96%)
CMYK
cmyk(0%, 2%, 10%, 4%)
Oklch
oklch(95.7% 0.026 94.7)

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

#E67249

Tangerine · Coral · Warm Sun

HEX
#E67249
RGB
rgb(230, 114, 73)
HSL
hsl(16, 76%, 59%)
HSB
hsb(16, 68%, 90%)
CMYK
cmyk(0%, 50%, 68%, 10%)
Oklch
oklch(68.0% 0.155 39.7)

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

#362C35

Rose Purple · DarkSlateGray · Dark Purple

HEX
#362C35
RGB
rgb(54, 44, 53)
HSL
hsl(306, 10%, 19%)
HSB
hsb(306, 19%, 21%)
CMYK
cmyk(0%, 19%, 2%, 79%)
Oklch
oklch(30.8% 0.021 329.3)

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

#B2C5B2

Celadon · Silver · Apple Green

HEX
#B2C5B2
RGB
rgb(178, 197, 178)
HSL
hsl(120, 14%, 74%)
HSB
hsb(120, 10%, 77%)
CMYK
cmyk(10%, 0%, 10%, 23%)
Oklch
oklch(80.4% 0.034 145.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1E0CE
D0D0E2

Analogous

E2D8D0
E1E0CE
DAE2D0

Triadic

E1E0CE
D0E2E1
E1D0E2

Split-Comp.

E1E0CE
D0DAE2
D8D0E2

Tetradic

E1E0CE
D0E2D8
D0D0E2
E2D0DA

Contrast Matrix WCAG 2.1 Contrast

E1E0CE
F6F1DE
E67249
362C35
B2C5B2
—
1.2
Fail
2.3
Fail
10.0
AAA
1.4
Fail
1.2
Fail
—
2.7
Fail
11.8
AAA
1.6
Fail
2.3
Fail
2.7
Fail
—
4.4
AA Large
1.7
Fail
10.0
AAA
11.8
AAA
4.4
AA Large
—
7.3
AAA
1.4
Fail
1.6
Fail
1.7
Fail
7.3
AAA
—
White BG
1.3Fail
1.1Fail
3.1AA Large
13.4AAA
1.8Fail
Black BG
15.8AAA
18.6AAA
6.9AA
1.6Fail
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1D2
F4F4E3
B4B353
323233
BABAB7

Deuteranopia

E1E1D3
F4F5E4
BBC355
323332
B9B8B8

Tritanopia

E1D6D7
F6E6E7
E05B5C
363131
B3BABB

Achromatopsia

DEDEDE
F0F0F0
909090
303030
BDBDBD

Shades & Tints Shades & Tints

#E1E0CE

Dark
Light

#F6F1DE

Dark
Light

#E67249

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1e0ce;
  --color-2: #f6f1de;
  --color-3: #e67249;
  --color-4: #362c35;
  --color-5: #b2c5b2;
}

SCSS

$color-1: #e1e0ce;
$color-2: #f6f1de;
$color-3: #e67249;
$color-4: #362c35;
$color-5: #b2c5b2;

TAILWIND

colors: {
  'brand-1': '#e1e0ce',
  'brand-2': '#f6f1de',
  'brand-3': '#e67249',
  'brand-4': '#362c35',
  'brand-5': '#b2c5b2',
}

RGB Array

[225, 224, 206], [246, 241, 222], [230, 114, 73], [54, 44, 53], [178, 197, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1E0CE, #F6F1DE, #E67249, #362C35, #B2C5B2 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: #e1e0ce; --color-2: #f6f1de; --color-3: #e67249; --color-4: #362c35; --color-5: #b2c5b2. 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