← Back to Editor

#CBD0B9 · #FDE2CF · #FBD1BB · #FFC080 · #FAA392

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

#CBD0B9

Willow Green · Silver · Apple Green

HEX
#CBD0B9
RGB
rgb(203, 208, 185)
HSL
hsl(73, 20%, 77%)
HSB
hsb(73, 11%, 82%)
CMYK
cmyk(2%, 0%, 11%, 18%)
Oklch
oklch(84.7% 0.032 117.0)

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

#FDE2CF

Apricot · Bisque · Peach Orange

HEX
#FDE2CF
RGB
rgb(253, 226, 207)
HSL
hsl(25, 92%, 90%)
HSB
hsb(25, 18%, 99%)
CMYK
cmyk(0%, 11%, 18%, 1%)
Oklch
oklch(93.0% 0.039 57.4)

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

#FBD1BB

Apricot · Wheat · Peach Orange

HEX
#FBD1BB
RGB
rgb(251, 209, 187)
HSL
hsl(21, 89%, 86%)
HSB
hsb(21, 25%, 98%)
CMYK
cmyk(0%, 17%, 25%, 2%)
Oklch
oklch(89.1% 0.056 49.2)

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

#FFC080

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFC080
RGB
rgb(255, 192, 128)
HSL
hsl(30, 100%, 75%)
HSB
hsb(30, 50%, 100%)
CMYK
cmyk(0%, 25%, 50%, 0%)
Oklch
oklch(85.2% 0.108 65.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FAA392

Peach Pink · LightSalmon · Coral Red

HEX
#FAA392
RGB
rgb(250, 163, 146)
HSL
hsl(10, 91%, 78%)
HSB
hsb(10, 42%, 98%)
CMYK
cmyk(0%, 35%, 42%, 2%)
Oklch
oklch(79.8% 0.107 31.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD0B9
BEB9D0

Analogous

D0C9B9
CBD0B9
BFD0B9

Triadic

CBD0B9
B9CBD0
D0B9CB

Split-Comp.

CBD0B9
B9BFD0
C9B9D0

Tetradic

CBD0B9
B9D0C9
BEB9D0
D0B9BF

Contrast Matrix WCAG 2.1 Contrast

CBD0B9
FDE2CF
FBD1BB
FFC080
FAA392
—
1.3
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.0
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
1.6Fail
1.2Fail
1.4Fail
1.6Fail
2.0Fail
Black BG
13.3AAA
17.0AAA
14.9AAA
13.1AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDBF
F1F1D4
E9E8C0
E4E38F
D4D496

Deuteranopia

CDCDC0
F3F5D5
EBEEC2
E7EC93
D9E097

Tritanopia

CBC3C4
FCD7D8
F9C5C5
FC9C9E
F6999A

Achromatopsia

CCCCCC
E8E8E8
DBDBDB
CCCCCC
BBBBBB

Shades & Tints Shades & Tints

#CBD0B9

Dark
Light

#FDE2CF

Dark
Light

#FBD1BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd0b9;
  --color-2: #fde2cf;
  --color-3: #fbd1bb;
  --color-4: #ffc080;
  --color-5: #faa392;
}

SCSS

$color-1: #cbd0b9;
$color-2: #fde2cf;
$color-3: #fbd1bb;
$color-4: #ffc080;
$color-5: #faa392;

TAILWIND

colors: {
  'brand-1': '#cbd0b9',
  'brand-2': '#fde2cf',
  'brand-3': '#fbd1bb',
  'brand-4': '#ffc080',
  'brand-5': '#faa392',
}

RGB Array

[203, 208, 185], [253, 226, 207], [251, 209, 187], [255, 192, 128], [250, 163, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBD0B9, #FDE2CF, #FBD1BB, #FFC080, #FAA392 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: #cbd0b9; --color-2: #fde2cf; --color-3: #fbd1bb; --color-4: #ffc080; --color-5: #faa392. 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