← Back to Editor

#E2EDD5 · #D3F2E6 · #F0D5C0 · #FFCDA3 · #FADA69

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E2EDD5

Willow Green · Beige · Mint Green

HEX
#E2EDD5
RGB
rgb(226, 237, 213)
HSL
hsl(88, 40%, 88%)
HSB
hsb(88, 10%, 93%)
CMYK
cmyk(5%, 0%, 10%, 7%)
Oklch
oklch(93.1% 0.034 127.2)

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

#D3F2E6

Jade · Lavender · Mint Green

HEX
#D3F2E6
RGB
rgb(211, 242, 230)
HSL
hsl(157, 54%, 89%)
HSB
hsb(157, 13%, 95%)
CMYK
cmyk(13%, 0%, 5%, 5%)
Oklch
oklch(93.5% 0.036 170.2)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#F0D5C0

Apricot · Wheat · Peach Orange

HEX
#F0D5C0
RGB
rgb(240, 213, 192)
HSL
hsl(26, 62%, 85%)
HSB
hsb(26, 20%, 94%)
CMYK
cmyk(0%, 11%, 20%, 6%)
Oklch
oklch(89.0% 0.041 60.1)

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

#FFCDA3

Apricot · Wheat · Peach Orange

HEX
#FFCDA3
RGB
rgb(255, 205, 163)
HSL
hsl(27, 100%, 82%)
HSB
hsb(27, 36%, 100%)
CMYK
cmyk(0%, 20%, 36%, 0%)
Oklch
oklch(88.2% 0.079 61.6)

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

#FADA69

Ginger · Khaki · Sunflower

HEX
#FADA69
RGB
rgb(250, 218, 105)
HSL
hsl(47, 94%, 70%)
HSB
hsb(47, 58%, 98%)
CMYK
cmyk(0%, 13%, 58%, 2%)
Oklch
oklch(89.4% 0.136 93.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2EDD5
E0D4ED

Analogous

EDECD4
E2EDD5
D5EDD4

Triadic

E2EDD5
D4E1ED
EDD4E1

Split-Comp.

E2EDD5
D4D5ED
ECD4ED

Tetradic

E2EDD5
D4EDEC
E0D4ED
EDD4D5

Contrast Matrix WCAG 2.1 Contrast

E2EDD5
D3F2E6
F0D5C0
FFCDA3
FADA69
—
1.0
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.2
Fail
—
1.0
Fail
1.0
Fail
1.2
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.0
Fail
1.1
Fail
—
White BG
1.2Fail
1.2Fail
1.4Fail
1.4Fail
1.4Fail
Black BG
17.3AAA
17.6AAA
15.0AAA
14.5AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7DB
E0E1E9
E4E4C5
E9E9AD
ECEC84

Deuteranopia

E6E5DC
DFDCEA
E6E8C6
ECF0B0
EEF08B

Tritanopia

E3DFE0
D5EBEC
EFC9CA
FDB5B7
F89A9F

Achromatopsia

E7E7E7
E7E7E7
DBDBDB
D7D7D7
D7D7D7

Shades & Tints Shades & Tints

#E2EDD5

Dark
Light

#D3F2E6

Dark
Light

#F0D5C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2edd5;
  --color-2: #d3f2e6;
  --color-3: #f0d5c0;
  --color-4: #ffcda3;
  --color-5: #fada69;
}

SCSS

$color-1: #e2edd5;
$color-2: #d3f2e6;
$color-3: #f0d5c0;
$color-4: #ffcda3;
$color-5: #fada69;

TAILWIND

colors: {
  'brand-1': '#e2edd5',
  'brand-2': '#d3f2e6',
  'brand-3': '#f0d5c0',
  'brand-4': '#ffcda3',
  'brand-5': '#fada69',
}

RGB Array

[226, 237, 213], [211, 242, 230], [240, 213, 192], [255, 205, 163], [250, 218, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2EDD5, #D3F2E6, #F0D5C0, #FFCDA3, #FADA69 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #e2edd5; --color-2: #d3f2e6; --color-3: #f0d5c0; --color-4: #ffcda3; --color-5: #fada69. 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. 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