← Back to Editor

#E7D9BE · #FFFFD6 · #D0FAD2 · #B4E2BE · #96C7B4

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

#E7D9BE

Goose Yellow · Wheat · Lemon Cream

HEX
#E7D9BE
RGB
rgb(231, 217, 190)
HSL
hsl(40, 46%, 83%)
HSB
hsb(40, 18%, 91%)
CMYK
cmyk(0%, 6%, 18%, 9%)
Oklch
oklch(89.0% 0.039 83.8)

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

#FFFFD6

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFD6
RGB
rgb(255, 255, 214)
HSL
hsl(60, 100%, 92%)
HSB
hsb(60, 16%, 100%)
CMYK
cmyk(0%, 0%, 16%, 0%)
Oklch
oklch(99.0% 0.053 107.3)

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

#D0FAD2

Emerald · Beige · Mint Green

HEX
#D0FAD2
RGB
rgb(208, 250, 210)
HSL
hsl(123, 81%, 90%)
HSB
hsb(123, 17%, 98%)
CMYK
cmyk(17%, 0%, 16%, 2%)
Oklch
oklch(94.5% 0.069 146.3)

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

#B4E2BE

Celadon · Silver · Apple Green

HEX
#B4E2BE
RGB
rgb(180, 226, 190)
HSL
hsl(133, 44%, 80%)
HSB
hsb(133, 20%, 89%)
CMYK
cmyk(20%, 0%, 16%, 11%)
Oklch
oklch(87.1% 0.069 151.3)

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

#96C7B4

Jade · DarkGray · Apple Green

HEX
#96C7B4
RGB
rgb(150, 199, 180)
HSL
hsl(157, 30%, 68%)
HSB
hsb(157, 25%, 78%)
CMYK
cmyk(25%, 0%, 10%, 22%)
Oklch
oklch(79.0% 0.058 169.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7D9BE
C0CDE8

Analogous

E8C6C0
E7D9BE
E1E8C0

Triadic

E7D9BE
C0E8DA
DAC0E8

Split-Comp.

E7D9BE
C0E1E8
C6C0E8

Tetradic

E7D9BE
C0E8C6
C0CDE8
E8C0E1

Contrast Matrix WCAG 2.1 Contrast

E7D9BE
FFFFD6
D0FAD2
B4E2BE
96C7B4
—
1.4
Fail
1.2
Fail
1.0
Fail
1.4
Fail
1.4
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.6
Fail
1.0
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
White BG
1.4Fail
1.0Fail
1.1Fail
1.4Fail
1.9Fail
Black BG
15.1AAA
20.5AAA
18.3AAA
14.6AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1C5
FFFFE0
E2E3DC
C8C8C7
ABACB9

Deuteranopia

E2E3C6
FFFFE2
E0DDDE
C5C2C9
A8A5BA

Tritanopia

E6CACB
FFE8E9
D2E3E5
B6CECF
98BCBD

Achromatopsia

DADADA
FAFAFA
E9E9E9
D0D0D0
B6B6B6

Shades & Tints Shades & Tints

#E7D9BE

Dark
Light

#FFFFD6

Dark
Light

#D0FAD2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7d9be;
  --color-2: #ffffd6;
  --color-3: #d0fad2;
  --color-4: #b4e2be;
  --color-5: #96c7b4;
}

SCSS

$color-1: #e7d9be;
$color-2: #ffffd6;
$color-3: #d0fad2;
$color-4: #b4e2be;
$color-5: #96c7b4;

TAILWIND

colors: {
  'brand-1': '#e7d9be',
  'brand-2': '#ffffd6',
  'brand-3': '#d0fad2',
  'brand-4': '#b4e2be',
  'brand-5': '#96c7b4',
}

RGB Array

[231, 217, 190], [255, 255, 214], [208, 250, 210], [180, 226, 190], [150, 199, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7D9BE, #FFFFD6, #D0FAD2, #B4E2BE, #96C7B4 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: #e7d9be; --color-2: #ffffd6; --color-3: #d0fad2; --color-4: #b4e2be; --color-5: #96c7b4. 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