← Back to Editor

#D0E7BA · #FDE8AD · #FDD680 · #FAAD7E · #E95581

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 App

Color Details Color Details

#D0E7BA

Celadon · LightGray · Mint Green

HEX
#D0E7BA
RGB
rgb(208, 231, 186)
HSL
hsl(91, 48%, 82%)
HSB
hsb(91, 19%, 91%)
CMYK
cmyk(10%, 0%, 19%, 9%)
Oklch
oklch(89.9% 0.065 129.7)

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

#FDE8AD

Goose Yellow · Wheat · Lemon Cream

HEX
#FDE8AD
RGB
rgb(253, 232, 173)
HSL
hsl(44, 95%, 84%)
HSB
hsb(44, 32%, 99%)
CMYK
cmyk(0%, 8%, 32%, 1%)
Oklch
oklch(93.4% 0.079 90.8)

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

#FDD680

Goose Yellow · Khaki · Sunflower

HEX
#FDD680
RGB
rgb(253, 214, 128)
HSL
hsl(41, 97%, 75%)
HSB
hsb(41, 49%, 99%)
CMYK
cmyk(0%, 15%, 49%, 1%)
Oklch
oklch(89.1% 0.114 85.7)

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

#FAAD7E

Apricot · LightSalmon · Warm Sun

HEX
#FAAD7E
RGB
rgb(250, 173, 126)
HSL
hsl(23, 93%, 74%)
HSB
hsb(23, 50%, 98%)
CMYK
cmyk(0%, 31%, 50%, 2%)
Oklch
oklch(81.1% 0.110 52.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E95581

Rouge · LightCoral · Rose Pink

HEX
#E95581
RGB
rgb(233, 85, 129)
HSL
hsl(342, 77%, 62%)
HSB
hsb(342, 64%, 91%)
CMYK
cmyk(0%, 64%, 45%, 9%)
Oklch
oklch(65.7% 0.185 5.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0E7BA
D2BBE7

Analogous

E6E7BB
D0E7BA
BBE7BC

Triadic

D0E7BA
BBD0E7
E7BBD0

Split-Comp.

D0E7BA
BCBBE7
E7BBE6

Tetradic

D0E7BA
BBE6E7
D2BBE7
E7BCBB

Contrast Matrix WCAG 2.1 Contrast

D0E7BA
FDE8AD
FDD680
FAAD7E
E95581
—
1.1
Fail
1.0
Fail
1.4
Fail
2.6
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
2.8
Fail
1.0
Fail
1.1
Fail
—
1.3
Fail
2.5
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
1.9
Fail
2.6
Fail
2.8
Fail
2.5
Fail
1.9
Fail
—
White BG
1.3Fail
1.2Fail
1.4Fail
1.9Fail
3.5AA Large
Black BG
15.8AAA
17.3AAA
15.1AAA
11.3AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAC5
F4F4BB
ECEC95
D9D889
A9A876

Deuteranopia

D9D7C8
F5F7BF
EEF19A
DDE38C
B2BD74

Tritanopia

D1CDCF
FCC7C9
FBA5A9
F69294
E26E6C

Achromatopsia

DBDBDB
E8E8E8
D8D8D8
BFBFBF
868686

Shades & Tints Shades & Tints

#D0E7BA

Dark
Light

#FDE8AD

Dark
Light

#FDD680

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0e7ba;
  --color-2: #fde8ad;
  --color-3: #fdd680;
  --color-4: #faad7e;
  --color-5: #e95581;
}

SCSS

$color-1: #d0e7ba;
$color-2: #fde8ad;
$color-3: #fdd680;
$color-4: #faad7e;
$color-5: #e95581;

TAILWIND

colors: {
  'brand-1': '#d0e7ba',
  'brand-2': '#fde8ad',
  'brand-3': '#fdd680',
  'brand-4': '#faad7e',
  'brand-5': '#e95581',
}

RGB Array

[208, 231, 186], [253, 232, 173], [253, 214, 128], [250, 173, 126], [233, 85, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0E7BA, #FDE8AD, #FDD680, #FAAD7E, #E95581 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: #d0e7ba; --color-2: #fde8ad; --color-3: #fdd680; --color-4: #faad7e; --color-5: #e95581. 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