← Back to Editor

#CEE2D7 · #D6DCBE · #F9CEA6 · #FA977A · #F64C59

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

#CEE2D7

Celadon · LightGray · Mint Green

HEX
#CEE2D7
RGB
rgb(206, 226, 215)
HSL
hsl(147, 26%, 85%)
HSB
hsb(147, 9%, 89%)
CMYK
cmyk(9%, 0%, 5%, 11%)
Oklch
oklch(89.5% 0.026 161.9)

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

#D6DCBE

Willow Green · LightGray · Apple Green

HEX
#D6DCBE
RGB
rgb(214, 220, 190)
HSL
hsl(72, 30%, 80%)
HSB
hsb(72, 14%, 86%)
CMYK
cmyk(3%, 0%, 14%, 14%)
Oklch
oklch(88.2% 0.041 116.4)

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

#F9CEA6

Apricot · Wheat · Peach Orange

HEX
#F9CEA6
RGB
rgb(249, 206, 166)
HSL
hsl(29, 87%, 81%)
HSB
hsb(29, 33%, 98%)
CMYK
cmyk(0%, 17%, 33%, 2%)
Oklch
oklch(87.9% 0.072 64.6)

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

#FA977A

Peach Pink · LightSalmon · Coral Red

HEX
#FA977A
RGB
rgb(250, 151, 122)
HSL
hsl(14, 93%, 73%)
HSB
hsb(14, 51%, 98%)
CMYK
cmyk(0%, 40%, 51%, 2%)
Oklch
oklch(77.3% 0.126 37.1)

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

#F64C59

Peach Pink · Tomato · Coral Red

HEX
#F64C59
RGB
rgb(246, 76, 89)
HSL
hsl(355, 90%, 63%)
HSB
hsb(355, 69%, 96%)
CMYK
cmyk(0%, 69%, 64%, 4%)
Oklch
oklch(65.9% 0.206 20.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEE2D7
E3CFDA

Analogous

D0E3CF
CEE2D7
CFE3E2

Triadic

CEE2D7
D8CFE3
E3D8CF

Split-Comp.

CEE2D7
E2CFE3
E3CFD0

Tetradic

CEE2D7
CFD0E3
E3CFDA
E3E2CF

Contrast Matrix WCAG 2.1 Contrast

CEE2D7
D6DCBE
F9CEA6
FA977A
F64C59
—
1.0
Fail
1.1
Fail
1.6
Fail
2.5
Fail
1.0
Fail
—
1.0
Fail
1.5
Fail
2.4
Fail
1.1
Fail
1.0
Fail
—
1.5
Fail
2.4
Fail
1.6
Fail
1.5
Fail
1.5
Fail
—
1.6
Fail
2.5
Fail
2.4
Fail
2.4
Fail
1.6
Fail
—
White BG
1.4Fail
1.4Fail
1.5Fail
2.1Fail
3.4AA Large
Black BG
15.5AAA
14.8AAA
14.4AAA
9.8AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7DA
D9D9C5
E6E6B0
CFCE81
ACAB56

Deuteranopia

D6D4DA
D8D8C7
E9ECB2
D5DC83
B6C355

Tritanopia

CFDCDC
D6CBCC
F7B7B9
F58788
EE5353

Achromatopsia

DBDBDB
D7D7D7
D6D6D6
B1B1B1
808080

Shades & Tints Shades & Tints

#CEE2D7

Dark
Light

#D6DCBE

Dark
Light

#F9CEA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cee2d7;
  --color-2: #d6dcbe;
  --color-3: #f9cea6;
  --color-4: #fa977a;
  --color-5: #f64c59;
}

SCSS

$color-1: #cee2d7;
$color-2: #d6dcbe;
$color-3: #f9cea6;
$color-4: #fa977a;
$color-5: #f64c59;

TAILWIND

colors: {
  'brand-1': '#cee2d7',
  'brand-2': '#d6dcbe',
  'brand-3': '#f9cea6',
  'brand-4': '#fa977a',
  'brand-5': '#f64c59',
}

RGB Array

[206, 226, 215], [214, 220, 190], [249, 206, 166], [250, 151, 122], [246, 76, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEE2D7, #D6DCBE, #F9CEA6, #FA977A, #F64C59 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: #cee2d7; --color-2: #d6dcbe; --color-3: #f9cea6; --color-4: #fa977a; --color-5: #f64c59. 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