← Back to Editor

#CDFFF3 · #D8DECC · #E4BEA5 · #EF9D7D · #FA7C56

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

#CDFFF3

Jade · Lavender · Glacier Blue

HEX
#CDFFF3
RGB
rgb(205, 255, 243)
HSL
hsl(166, 100%, 90%)
HSB
hsb(166, 20%, 100%)
CMYK
cmyk(20%, 0%, 5%, 0%)
Oklch
oklch(96.2% 0.053 178.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#D8DECC

Willow Green · LightGray · Mint Green

HEX
#D8DECC
RGB
rgb(216, 222, 204)
HSL
hsl(80, 21%, 84%)
HSB
hsb(80, 8%, 87%)
CMYK
cmyk(3%, 0%, 8%, 13%)
Oklch
oklch(89.1% 0.025 121.9)

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

#E4BEA5

Apricot · BurlyWood · Peach Orange

HEX
#E4BEA5
RGB
rgb(228, 190, 165)
HSL
hsl(24, 54%, 77%)
HSB
hsb(24, 28%, 89%)
CMYK
cmyk(0%, 17%, 28%, 11%)
Oklch
oklch(82.8% 0.055 55.1)

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

#EF9D7D

Apricot · DarkSalmon · Warm Sun

HEX
#EF9D7D
RGB
rgb(239, 157, 125)
HSL
hsl(17, 78%, 71%)
HSB
hsb(17, 48%, 94%)
CMYK
cmyk(0%, 34%, 48%, 6%)
Oklch
oklch(77.0% 0.108 42.1)

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

#FA7C56

Peach Pink · Coral · Coral Red

HEX
#FA7C56
RGB
rgb(250, 124, 86)
HSL
hsl(14, 94%, 66%)
HSB
hsb(14, 66%, 98%)
CMYK
cmyk(0%, 50%, 66%, 2%)
Oklch
oklch(72.5% 0.163 37.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDFFF3
FFCCD8

Analogous

CCFFDA
CDFFF3
CCF1FF

Triadic

CDFFF3
F3CCFF
FFF3CC

Split-Comp.

CDFFF3
FFCCF1
FFDACC

Tetradic

CDFFF3
DACCFF
FFCCD8
F1FFCC

Contrast Matrix WCAG 2.1 Contrast

CDFFF3
D8DECC
E4BEA5
EF9D7D
FA7C56
—
1.3
Fail
1.6
Fail
2.0
Fail
2.4
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
2.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
1.1Fail
1.4Fail
1.7Fail
2.1Fail
2.6Fail
Black BG
19.2AAA
15.2AAA
12.2AAA
9.8AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3F6
DBDBD0
D4D3AB
CBCB85
C3C25F

Deuteranopia

E0DCF7
DADAD1
D6D9AD
D0D687
CBD461

Tritanopia

D0F8F9
D8D4D5
E2B0B1
EB8B8C
F46668

Achromatopsia

EFEFEF
DADADA
C7C7C7
B2B2B2
9D9D9D

Shades & Tints Shades & Tints

#CDFFF3

Dark
Light

#D8DECC

Dark
Light

#E4BEA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdfff3;
  --color-2: #d8decc;
  --color-3: #e4bea5;
  --color-4: #ef9d7d;
  --color-5: #fa7c56;
}

SCSS

$color-1: #cdfff3;
$color-2: #d8decc;
$color-3: #e4bea5;
$color-4: #ef9d7d;
$color-5: #fa7c56;

TAILWIND

colors: {
  'brand-1': '#cdfff3',
  'brand-2': '#d8decc',
  'brand-3': '#e4bea5',
  'brand-4': '#ef9d7d',
  'brand-5': '#fa7c56',
}

RGB Array

[205, 255, 243], [216, 222, 204], [228, 190, 165], [239, 157, 125], [250, 124, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDFFF3, #D8DECC, #E4BEA5, #EF9D7D, #FA7C56 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: #cdfff3; --color-2: #d8decc; --color-3: #e4bea5; --color-4: #ef9d7d; --color-5: #fa7c56. 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