← Back to Editor

#CAE6DF · #FFF2CC · #FFD2A6 · #FFB39E · #F291B0

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

#CAE6DF

Jade · LightGray · Glacier Blue

HEX
#CAE6DF
RGB
rgb(202, 230, 223)
HSL
hsl(165, 36%, 85%)
HSB
hsb(165, 12%, 90%)
CMYK
cmyk(12%, 0%, 3%, 10%)
Oklch
oklch(90.3% 0.031 178.9)

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

#FFF2CC

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF2CC
RGB
rgb(255, 242, 204)
HSL
hsl(45, 100%, 90%)
HSB
hsb(45, 20%, 100%)
CMYK
cmyk(0%, 5%, 20%, 0%)
Oklch
oklch(96.2% 0.051 91.4)

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

#FFD2A6

Goose Yellow · Wheat · Peach Orange

HEX
#FFD2A6
RGB
rgb(255, 210, 166)
HSL
hsl(30, 100%, 83%)
HSB
hsb(30, 35%, 100%)
CMYK
cmyk(0%, 18%, 35%, 0%)
Oklch
oklch(89.2% 0.077 65.9)

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

#FFB39E

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB39E
RGB
rgb(255, 179, 158)
HSL
hsl(13, 100%, 81%)
HSB
hsb(13, 38%, 100%)
CMYK
cmyk(0%, 30%, 38%, 0%)
Oklch
oklch(83.4% 0.094 36.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F291B0

Rouge · LightPink · Cherry Blossom

HEX
#F291B0
RGB
rgb(242, 145, 176)
HSL
hsl(341, 79%, 76%)
HSB
hsb(341, 40%, 95%)
CMYK
cmyk(0%, 40%, 27%, 5%)
Oklch
oklch(76.6% 0.122 359.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAE6DF
E7CBD2

Analogous

CBE7D2
CAE6DF
CBE0E7

Triadic

CAE6DF
E0CBE7
E7E0CB

Split-Comp.

CAE6DF
E7CBE0
E7D2CB

Tetradic

CAE6DF
D2CBE7
E7CBD2
E0E7CB

Contrast Matrix WCAG 2.1 Contrast

CAE6DF
FFF2CC
FFD2A6
FFB39E
F291B0
—
1.2
Fail
1.1
Fail
1.3
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.3
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
1.3Fail
1.1Fail
1.4Fail
1.7Fail
2.2Fail
Black BG
15.9AAA
18.8AAA
15.0AAA
12.2AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6E1
F9F9D5
ECEBB1
DEDDA3
C8C7A8

Deuteranopia

D5D2E1
FAFBD7
EEF2B3
E3E8A4
CED5A7

Tritanopia

CBE2E2
FEDCDE
FDB9BB
FBA7A8
EDA3A1

Achromatopsia

DDDDDD
F2F2F2
DADADA
C7C7C7
B2B2B2

Shades & Tints Shades & Tints

#CAE6DF

Dark
Light

#FFF2CC

Dark
Light

#FFD2A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cae6df;
  --color-2: #fff2cc;
  --color-3: #ffd2a6;
  --color-4: #ffb39e;
  --color-5: #f291b0;
}

SCSS

$color-1: #cae6df;
$color-2: #fff2cc;
$color-3: #ffd2a6;
$color-4: #ffb39e;
$color-5: #f291b0;

TAILWIND

colors: {
  'brand-1': '#cae6df',
  'brand-2': '#fff2cc',
  'brand-3': '#ffd2a6',
  'brand-4': '#ffb39e',
  'brand-5': '#f291b0',
}

RGB Array

[202, 230, 223], [255, 242, 204], [255, 210, 166], [255, 179, 158], [242, 145, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAE6DF, #FFF2CC, #FFD2A6, #FFB39E, #F291B0 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: #cae6df; --color-2: #fff2cc; --color-3: #ffd2a6; --color-4: #ffb39e; --color-5: #f291b0. 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