← Back to Editor

#D0DEC8 · #D4EBB5 · #E1F788 · #FFDD8C · #FFC69E

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

#D0DEC8

Celadon · LightGray · Mint Green

HEX
#D0DEC8
RGB
rgb(208, 222, 200)
HSL
hsl(98, 25%, 83%)
HSB
hsb(98, 10%, 87%)
CMYK
cmyk(6%, 0%, 10%, 13%)
Oklch
oklch(88.4% 0.033 134.0)

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

#D4EBB5

Willow Green · Wheat · Mint Green

HEX
#D4EBB5
RGB
rgb(212, 235, 181)
HSL
hsl(86, 57%, 82%)
HSB
hsb(86, 23%, 92%)
CMYK
cmyk(10%, 0%, 23%, 8%)
Oklch
oklch(91.0% 0.075 126.6)

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

#E1F788

Willow Green · Khaki · Apple Green

HEX
#E1F788
RGB
rgb(225, 247, 136)
HSL
hsl(72, 87%, 75%)
HSB
hsb(72, 45%, 97%)
CMYK
cmyk(9%, 0%, 45%, 3%)
Oklch
oklch(93.6% 0.139 118.4)

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

#FFDD8C

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDD8C
RGB
rgb(255, 221, 140)
HSL
hsl(42, 100%, 77%)
HSB
hsb(42, 45%, 100%)
CMYK
cmyk(0%, 13%, 45%, 0%)
Oklch
oklch(90.9% 0.107 87.5)

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

#FFC69E

Apricot · Wheat · Peach Orange

HEX
#FFC69E
RGB
rgb(255, 198, 158)
HSL
hsl(25, 100%, 81%)
HSB
hsb(25, 38%, 100%)
CMYK
cmyk(0%, 22%, 38%, 0%)
Oklch
oklch(86.8% 0.084 56.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0DEC8
D7C9DE

Analogous

DCDEC9
D0DEC8
C9DECC

Triadic

D0DEC8
C9D1DE
DEC9D1

Split-Comp.

D0DEC8
CCC9DE
DEC9DC

Tetradic

D0DEC8
C9DCDE
D7C9DE
DECCC9

Contrast Matrix WCAG 2.1 Contrast

D0DEC8
D4EBB5
E1F788
FFDD8C
FFC69E
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.0
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
White BG
1.4Fail
1.3Fail
1.2Fail
1.3Fail
1.5Fail
Black BG
15.0AAA
16.3AAA
17.9AAA
16.0AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6CD
DEDEC2
EBEBA3
F0F0A0
E6E6A8

Deuteranopia

D5D4CF
DDDBC5
E9E8A9
F2F5A4
EAEEAA

Tritanopia

D1D2D2
D5CCCF
E2B8BD
FDAFB2
FCAFB1

Achromatopsia

D7D7D7
DEDEDE
E4E4E4
DEDEDE
D2D2D2

Shades & Tints Shades & Tints

#D0DEC8

Dark
Light

#D4EBB5

Dark
Light

#E1F788

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0dec8;
  --color-2: #d4ebb5;
  --color-3: #e1f788;
  --color-4: #ffdd8c;
  --color-5: #ffc69e;
}

SCSS

$color-1: #d0dec8;
$color-2: #d4ebb5;
$color-3: #e1f788;
$color-4: #ffdd8c;
$color-5: #ffc69e;

TAILWIND

colors: {
  'brand-1': '#d0dec8',
  'brand-2': '#d4ebb5',
  'brand-3': '#e1f788',
  'brand-4': '#ffdd8c',
  'brand-5': '#ffc69e',
}

RGB Array

[208, 222, 200], [212, 235, 181], [225, 247, 136], [255, 221, 140], [255, 198, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0DEC8, #D4EBB5, #E1F788, #FFDD8C, #FFC69E 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: #d0dec8; --color-2: #d4ebb5; --color-3: #e1f788; --color-4: #ffdd8c; --color-5: #ffc69e. 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