← Back to Editor

#E0EBD9 · #C2C78A · #624B55 · #E8D9C4 · #F3E2CE

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

#E0EBD9

Celadon · Beige · Mint Green

HEX
#E0EBD9
RGB
rgb(224, 235, 217)
HSL
hsl(97, 31%, 89%)
HSB
hsb(97, 8%, 92%)
CMYK
cmyk(5%, 0%, 8%, 8%)
Oklch
oklch(92.7% 0.027 133.0)

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

#C2C78A

Fresh Green · Tan · Sunflower

HEX
#C2C78A
RGB
rgb(194, 199, 138)
HSL
hsl(65, 35%, 66%)
HSB
hsb(65, 31%, 78%)
CMYK
cmyk(3%, 0%, 31%, 22%)
Oklch
oklch(81.1% 0.081 112.0)

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

#624B55

Dark Violet · DimGray · Camellia

HEX
#624B55
RGB
rgb(98, 75, 85)
HSL
hsl(334, 13%, 34%)
HSB
hsb(334, 23%, 38%)
CMYK
cmyk(0%, 23%, 13%, 62%)
Oklch
oklch(44.0% 0.035 350.7)

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

#E8D9C4

Goose Yellow · Wheat · Peach Orange

HEX
#E8D9C4
RGB
rgb(232, 217, 196)
HSL
hsl(35, 44%, 84%)
HSB
hsb(35, 16%, 91%)
CMYK
cmyk(0%, 6%, 16%, 9%)
Oklch
oklch(89.2% 0.033 76.4)

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

#F3E2CE

Goose Yellow · Bisque · Peach Orange

HEX
#F3E2CE
RGB
rgb(243, 226, 206)
HSL
hsl(32, 61%, 88%)
HSB
hsb(32, 15%, 95%)
CMYK
cmyk(0%, 7%, 15%, 5%)
Oklch
oklch(92.1% 0.033 71.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0EBD9
E5DAEC

Analogous

EAECDA
E0EBD9
DAECDC

Triadic

E0EBD9
DAE1EC
ECDAE1

Split-Comp.

E0EBD9
DCDAEC
ECDAEA

Tetradic

E0EBD9
DAEAEC
E5DAEC
ECDCDA

Contrast Matrix WCAG 2.1 Contrast

E0EBD9
C2C78A
624B55
E8D9C4
F3E2CE
—
1.4
Fail
6.4
AA
1.1
Fail
1.0
Fail
1.4
Fail
—
4.5
AA Large
1.3
Fail
1.4
Fail
6.4
AA
4.5
AA Large
—
5.7
AA
6.2
AA
1.1
Fail
1.3
Fail
5.7
AA
—
1.1
Fail
1.0
Fail
1.4
Fail
6.2
AA
1.1
Fail
—
White BG
1.2Fail
1.8Fail
7.9AAA
1.4Fail
1.3Fail
Black BG
17.1AAA
11.8AAA
2.7Fail
15.2AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5DD
C4C499
585853
E2E1C9
ECEBD3

Deuteranopia

E4E3DE
C4C39C
595B52
E2E3CA
EDEED4

Tritanopia

E1E1E2
C2A4A7
615150
E7CDCE
F2D7D8

Achromatopsia

E6E6E6
BFBFBF
535353
DBDBDB
E5E5E5

Shades & Tints Shades & Tints

#E0EBD9

Dark
Light

#C2C78A

Dark
Light

#624B55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0ebd9;
  --color-2: #c2c78a;
  --color-3: #624b55;
  --color-4: #e8d9c4;
  --color-5: #f3e2ce;
}

SCSS

$color-1: #e0ebd9;
$color-2: #c2c78a;
$color-3: #624b55;
$color-4: #e8d9c4;
$color-5: #f3e2ce;

TAILWIND

colors: {
  'brand-1': '#e0ebd9',
  'brand-2': '#c2c78a',
  'brand-3': '#624b55',
  'brand-4': '#e8d9c4',
  'brand-5': '#f3e2ce',
}

RGB Array

[224, 235, 217], [194, 199, 138], [98, 75, 85], [232, 217, 196], [243, 226, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0EBD9, #C2C78A, #624B55, #E8D9C4, #F3E2CE 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: #e0ebd9; --color-2: #c2c78a; --color-3: #624b55; --color-4: #e8d9c4; --color-5: #f3e2ce. 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