← Back to Editor

#E9F5E9 · #F0E4C2 · #EFC1A8 · #770643 · #CDF0D4

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

#E9F5E9

Celadon · Beige · Mint Green

HEX
#E9F5E9
RGB
rgb(233, 245, 233)
HSL
hsl(120, 38%, 94%)
HSB
hsb(120, 5%, 96%)
CMYK
cmyk(5%, 0%, 5%, 4%)
Oklch
oklch(95.8% 0.020 145.4)

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

#F0E4C2

Goose Yellow · Bisque · Lemon Cream

HEX
#F0E4C2
RGB
rgb(240, 228, 194)
HSL
hsl(44, 61%, 85%)
HSB
hsb(44, 19%, 94%)
CMYK
cmyk(0%, 5%, 19%, 6%)
Oklch
oklch(92.0% 0.047 90.9)

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

#EFC1A8

Apricot · Wheat · Peach Orange

HEX
#EFC1A8
RGB
rgb(239, 193, 168)
HSL
hsl(21, 69%, 80%)
HSB
hsb(21, 30%, 94%)
CMYK
cmyk(0%, 19%, 30%, 6%)
Oklch
oklch(84.5% 0.063 50.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#770643

Rose Purple · Purple · Raspberry

HEX
#770643
RGB
rgb(119, 6, 67)
HSL
hsl(328, 90%, 25%)
HSB
hsb(328, 95%, 47%)
CMYK
cmyk(0%, 95%, 44%, 53%)
Oklch
oklch(37.4% 0.148 356.2)

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

#CDF0D4

Emerald · LightGray · Mint Green

HEX
#CDF0D4
RGB
rgb(205, 240, 212)
HSL
hsl(132, 54%, 87%)
HSB
hsb(132, 15%, 94%)
CMYK
cmyk(15%, 0%, 12%, 6%)
Oklch
oklch(92.2% 0.052 151.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9F5E9
F6EAF6

Analogous

F0F6EA
E9F5E9
EAF6F0

Triadic

E9F5E9
EAEAF6
F6EAEA

Split-Comp.

E9F5E9
F0EAF6
F6EAF0

Tetradic

E9F5E9
EAF0F6
F6EAF6
F6F0EA

Contrast Matrix WCAG 2.1 Contrast

E9F5E9
F0E4C2
EFC1A8
770643
CDF0D4
—
1.1
Fail
1.5
Fail
9.9
AAA
1.1
Fail
1.1
Fail
—
1.3
Fail
8.8
AAA
1.0
Fail
1.5
Fail
1.3
Fail
—
6.8
AA
1.3
Fail
9.9
AAA
8.8
AAA
6.8
AA
—
9.0
AAA
1.1
Fail
1.0
Fail
1.3
Fail
9.0
AAA
—
White BG
1.1Fail
1.3Fail
1.6Fail
11.1AAA
1.2Fail
Black BG
18.7AAA
16.6AAA
12.9AAA
1.9Fail
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEEC
EBEBCA
DBDBAE
464534
DCDCDB

Deuteranopia

EEEDED
ECECCC
DEE1B0
4D5531
DAD8DC

Tritanopia

EAEEEF
EFD1D2
EDB3B4
712926
CFE0E1

Achromatopsia

F0F0F0
E4E4E4
CCCCCC
2F2F2F
E2E2E2

Shades & Tints Shades & Tints

#E9F5E9

Dark
Light

#F0E4C2

Dark
Light

#EFC1A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9f5e9;
  --color-2: #f0e4c2;
  --color-3: #efc1a8;
  --color-4: #770643;
  --color-5: #cdf0d4;
}

SCSS

$color-1: #e9f5e9;
$color-2: #f0e4c2;
$color-3: #efc1a8;
$color-4: #770643;
$color-5: #cdf0d4;

TAILWIND

colors: {
  'brand-1': '#e9f5e9',
  'brand-2': '#f0e4c2',
  'brand-3': '#efc1a8',
  'brand-4': '#770643',
  'brand-5': '#cdf0d4',
}

RGB Array

[233, 245, 233], [240, 228, 194], [239, 193, 168], [119, 6, 67], [205, 240, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9F5E9, #F0E4C2, #EFC1A8, #770643, #CDF0D4 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #e9f5e9; --color-2: #f0e4c2; --color-3: #efc1a8; --color-4: #770643; --color-5: #cdf0d4. 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 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