← Back to Editor

#CDB19B · #EEDDC3 · #FFECE6 · #FDDFD4 · #FFB1BE

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

#CDB19B

Apricot · Tan · Warm Sun

HEX
#CDB19B
RGB
rgb(205, 177, 155)
HSL
hsl(26, 33%, 71%)
HSB
hsb(26, 24%, 80%)
CMYK
cmyk(0%, 14%, 24%, 20%)
Oklch
oklch(77.9% 0.045 60.2)

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

#EEDDC3

Goose Yellow · Wheat · Peach Orange

HEX
#EEDDC3
RGB
rgb(238, 221, 195)
HSL
hsl(36, 56%, 85%)
HSB
hsb(36, 18%, 93%)
CMYK
cmyk(0%, 7%, 18%, 7%)
Oklch
oklch(90.5% 0.039 78.6)

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

#FFECE6

Peach Pink · Linen · Cherry Blossom

HEX
#FFECE6
RGB
rgb(255, 236, 230)
HSL
hsl(14, 100%, 95%)
HSB
hsb(14, 10%, 100%)
CMYK
cmyk(0%, 7%, 10%, 0%)
Oklch
oklch(95.7% 0.022 38.3)

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

#FDDFD4

Apricot · Bisque · Peach Orange

HEX
#FDDFD4
RGB
rgb(253, 223, 212)
HSL
hsl(16, 91%, 91%)
HSB
hsb(16, 16%, 99%)
CMYK
cmyk(0%, 12%, 16%, 1%)
Oklch
oklch(92.5% 0.037 41.2)

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

#FFB1BE

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB1BE
RGB
rgb(255, 177, 190)
HSL
hsl(350, 100%, 85%)
HSB
hsb(350, 31%, 100%)
CMYK
cmyk(0%, 31%, 25%, 0%)
Oklch
oklch(83.8% 0.092 8.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDB19B
9DB8CD

Analogous

CD9DA0
CDB19B
CDCA9D

Triadic

CDB19B
9DCDB2
B29DCD

Split-Comp.

CDB19B
9DCDCA
9DA0CD

Tetradic

CDB19B
A0CD9D
9DB8CD
CA9DCD

Contrast Matrix WCAG 2.1 Contrast

CDB19B
EEDDC3
FFECE6
FDDFD4
FFB1BE
—
1.5
Fail
1.8
Fail
1.6
Fail
1.2
Fail
1.5
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
1.4
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.4
Fail
—
White BG
2.0Fail
1.3Fail
1.1Fail
1.3Fail
1.7Fail
Black BG
10.4AAA
15.8AAA
18.4AAA
16.7AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1A0
E7E6C9
F7F7E7
F0F0D7
DDDDBB

Deuteranopia

C3C5A2
E8E9CB
F8F9E8
F2F4D7
E2E8BA

Tritanopia

CCA5A5
EDCECF
FEE9E9
FCD9D9
FBB8B8

Achromatopsia

B7B7B7
DFDFDF
F1F1F1
E7E7E7
CACACA

Shades & Tints Shades & Tints

#CDB19B

Dark
Light

#EEDDC3

Dark
Light

#FFECE6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdb19b;
  --color-2: #eeddc3;
  --color-3: #ffece6;
  --color-4: #fddfd4;
  --color-5: #ffb1be;
}

SCSS

$color-1: #cdb19b;
$color-2: #eeddc3;
$color-3: #ffece6;
$color-4: #fddfd4;
$color-5: #ffb1be;

TAILWIND

colors: {
  'brand-1': '#cdb19b',
  'brand-2': '#eeddc3',
  'brand-3': '#ffece6',
  'brand-4': '#fddfd4',
  'brand-5': '#ffb1be',
}

RGB Array

[205, 177, 155], [238, 221, 195], [255, 236, 230], [253, 223, 212], [255, 177, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDB19B, #EEDDC3, #FFECE6, #FDDFD4, #FFB1BE 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: #cdb19b; --color-2: #eeddc3; --color-3: #ffece6; --color-4: #fddfd4; --color-5: #ffb1be. 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