← Back to Editor

#D0ECD3 · #F5EBC8 · #F0D5B1 · #F8BDA9 · #FFA3AB

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

#D0ECD3

Celadon · LightGray · Mint Green

HEX
#D0ECD3
RGB
rgb(208, 236, 211)
HSL
hsl(126, 42%, 87%)
HSB
hsb(126, 12%, 93%)
CMYK
cmyk(12%, 0%, 11%, 7%)
Oklch
oklch(91.6% 0.045 148.3)

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

#F5EBC8

Goose Yellow · Bisque · Lemon Cream

HEX
#F5EBC8
RGB
rgb(245, 235, 200)
HSL
hsl(47, 69%, 87%)
HSB
hsb(47, 18%, 96%)
CMYK
cmyk(0%, 4%, 18%, 4%)
Oklch
oklch(93.9% 0.047 93.9)

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

#F0D5B1

Goose Yellow · Wheat · Peach Orange

HEX
#F0D5B1
RGB
rgb(240, 213, 177)
HSL
hsl(34, 68%, 82%)
HSB
hsb(34, 26%, 94%)
CMYK
cmyk(0%, 11%, 26%, 6%)
Oklch
oklch(88.6% 0.056 74.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F8BDA9

Apricot · LightPink · Peach Orange

HEX
#F8BDA9
RGB
rgb(248, 189, 169)
HSL
hsl(15, 85%, 82%)
HSB
hsb(15, 32%, 97%)
CMYK
cmyk(0%, 24%, 32%, 3%)
Oklch
oklch(84.7% 0.074 39.5)

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

#FFA3AB

Peach Pink · LightPink · Cherry Blossom

HEX
#FFA3AB
RGB
rgb(255, 163, 171)
HSL
hsl(355, 100%, 82%)
HSB
hsb(355, 36%, 100%)
CMYK
cmyk(0%, 36%, 33%, 0%)
Oklch
oklch(80.9% 0.110 14.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0ECD3
ECD0E9

Analogous

DBECD0
D0ECD3
D0ECE1

Triadic

D0ECD3
D3D0EC
ECD3D0

Split-Comp.

D0ECD3
E1D0EC
ECD0DB

Tetradic

D0ECD3
D0DBEC
ECD0E9
ECE1D0

Contrast Matrix WCAG 2.1 Contrast

D0ECD3
F5EBC8
F0D5B1
F8BDA9
FFA3AB
—
1.1
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
1.3
Fail
1.2
Fail
—
White BG
1.3Fail
1.2Fail
1.4Fail
1.6Fail
1.9Fail
Black BG
16.6AAA
17.6AAA
14.9AAA
12.8AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCD9
F1F1D0
E4E4BA
DEDEAE
D7D6A9

Deuteranopia

DBD8DB
F1F2D3
E6E8BC
E2E6AF
DDE3A9

Tritanopia

D1DEDF
F5D7D9
EFC1C2
F5B2B3
FAA8A7

Achromatopsia

E1E1E1
EAEAEA
D9D9D9
CCCCCC
BFBFBF

Shades & Tints Shades & Tints

#D0ECD3

Dark
Light

#F5EBC8

Dark
Light

#F0D5B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0ecd3;
  --color-2: #f5ebc8;
  --color-3: #f0d5b1;
  --color-4: #f8bda9;
  --color-5: #ffa3ab;
}

SCSS

$color-1: #d0ecd3;
$color-2: #f5ebc8;
$color-3: #f0d5b1;
$color-4: #f8bda9;
$color-5: #ffa3ab;

TAILWIND

colors: {
  'brand-1': '#d0ecd3',
  'brand-2': '#f5ebc8',
  'brand-3': '#f0d5b1',
  'brand-4': '#f8bda9',
  'brand-5': '#ffa3ab',
}

RGB Array

[208, 236, 211], [245, 235, 200], [240, 213, 177], [248, 189, 169], [255, 163, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0ECD3, #F5EBC8, #F0D5B1, #F8BDA9, #FFA3AB 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: #d0ecd3; --color-2: #f5ebc8; --color-3: #f0d5b1; --color-4: #f8bda9; --color-5: #ffa3ab. 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