← Back to Editor

#CBDFD2 · #F5F5BA · #FFD7B0 · #F9A9B2 · #FC599F

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

#CBDFD2

Celadon · LightGray · Mint Green

HEX
#CBDFD2
RGB
rgb(203, 223, 210)
HSL
hsl(141, 24%, 84%)
HSB
hsb(141, 9%, 87%)
CMYK
cmyk(9%, 0%, 6%, 13%)
Oklch
oklch(88.5% 0.028 157.3)

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

#F5F5BA

Fresh Green · Bisque · Lemon Cream

HEX
#F5F5BA
RGB
rgb(245, 245, 186)
HSL
hsl(60, 75%, 85%)
HSB
hsb(60, 24%, 96%)
CMYK
cmyk(0%, 0%, 24%, 4%)
Oklch
oklch(95.6% 0.076 107.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFD7B0

Goose Yellow · Wheat · Peach Orange

HEX
#FFD7B0
RGB
rgb(255, 215, 176)
HSL
hsl(30, 100%, 85%)
HSB
hsb(30, 31%, 100%)
CMYK
cmyk(0%, 16%, 31%, 0%)
Oklch
oklch(90.4% 0.068 66.1)

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

#F9A9B2

Peach Pink · LightPink · Cherry Blossom

HEX
#F9A9B2
RGB
rgb(249, 169, 178)
HSL
hsl(353, 87%, 82%)
HSB
hsb(353, 32%, 98%)
CMYK
cmyk(0%, 32%, 29%, 2%)
Oklch
oklch(81.4% 0.095 12.0)

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

#FC599F

Rouge · LightCoral · Rose Pink

HEX
#FC599F
RGB
rgb(252, 89, 159)
HSL
hsl(334, 96%, 67%)
HSB
hsb(334, 65%, 99%)
CMYK
cmyk(0%, 65%, 37%, 1%)
Oklch
oklch(69.9% 0.207 357.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBDFD2
E0CCD9

Analogous

CFE0CC
CBDFD2
CCE0DD

Triadic

CBDFD2
D3CCE0
E0D3CC

Split-Comp.

CBDFD2
DDCCE0
E0CCCF

Tetradic

CBDFD2
CCCFE0
E0CCD9
E0DDCC

Contrast Matrix WCAG 2.1 Contrast

CBDFD2
F5F5BA
FFD7B0
F9A9B2
FC599F
—
1.2
Fail
1.0
Fail
1.3
Fail
2.1
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
2.6
Fail
1.0
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
1.3
Fail
1.6
Fail
1.4
Fail
—
1.6
Fail
2.1
Fail
2.6
Fail
2.2
Fail
1.6
Fail
—
White BG
1.4Fail
1.1Fail
1.3Fail
1.9Fail
3.0Fail
Black BG
15.0AAA
18.7AAA
15.6AAA
11.3AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4D5
F5F5C8
EEEDB9
D6D6B0
B5B48E

Deuteranopia

D3D1D6
F5F5CC
F0F3BC
DBE1AF
BFCB8A

Tritanopia

CCD8D8
F5D4D6
FDC1C3
F5AEAE
F4817E

Achromatopsia

D8D8D8
EEEEEE
DFDFDF
C2C2C2
929292

Shades & Tints Shades & Tints

#CBDFD2

Dark
Light

#F5F5BA

Dark
Light

#FFD7B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbdfd2;
  --color-2: #f5f5ba;
  --color-3: #ffd7b0;
  --color-4: #f9a9b2;
  --color-5: #fc599f;
}

SCSS

$color-1: #cbdfd2;
$color-2: #f5f5ba;
$color-3: #ffd7b0;
$color-4: #f9a9b2;
$color-5: #fc599f;

TAILWIND

colors: {
  'brand-1': '#cbdfd2',
  'brand-2': '#f5f5ba',
  'brand-3': '#ffd7b0',
  'brand-4': '#f9a9b2',
  'brand-5': '#fc599f',
}

RGB Array

[203, 223, 210], [245, 245, 186], [255, 215, 176], [249, 169, 178], [252, 89, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBDFD2, #F5F5BA, #FFD7B0, #F9A9B2, #FC599F 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: #cbdfd2; --color-2: #f5f5ba; --color-3: #ffd7b0; --color-4: #f9a9b2; --color-5: #fc599f. 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