← Back to Editor

#FFDBCE · #FEAF74 · #EE7467 · #C1B744 · #B7C19E

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

#FFDBCE

Apricot · Bisque · Peach Orange

HEX
#FFDBCE
RGB
rgb(255, 219, 206)
HSL
hsl(16, 100%, 90%)
HSB
hsb(16, 19%, 100%)
CMYK
cmyk(0%, 14%, 19%, 0%)
Oklch
oklch(91.8% 0.044 40.9)

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

#FEAF74

Apricot · LightSalmon · Warm Sun

HEX
#FEAF74
RGB
rgb(254, 175, 116)
HSL
hsl(26, 99%, 73%)
HSB
hsb(26, 54%, 100%)
CMYK
cmyk(0%, 31%, 54%, 0%)
Oklch
oklch(81.8% 0.119 56.9)

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

#EE7467

Peach Pink · Salmon · Coral Red

HEX
#EE7467
RGB
rgb(238, 116, 103)
HSL
hsl(6, 80%, 67%)
HSB
hsb(6, 57%, 93%)
CMYK
cmyk(0%, 51%, 57%, 7%)
Oklch
oklch(69.9% 0.153 27.9)

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

#C1B744

Autumn Sage · GoldenRod · Sunflower

HEX
#C1B744
RGB
rgb(193, 183, 68)
HSL
hsl(55, 50%, 51%)
HSB
hsb(55, 65%, 76%)
CMYK
cmyk(0%, 5%, 65%, 24%)
Oklch
oklch(76.6% 0.135 104.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B7C19E

Willow Green · DarkGray · Apple Green

HEX
#B7C19E
RGB
rgb(183, 193, 158)
HSL
hsl(77, 22%, 69%)
HSB
hsb(77, 18%, 76%)
CMYK
cmyk(5%, 0%, 18%, 24%)
Oklch
oklch(79.4% 0.049 120.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDBCE
CCF1FF

Analogous

FFCCD8
FFDBCE
FFF3CC

Triadic

FFDBCE
CCFFDA
DACCFF

Split-Comp.

FFDBCE
CCFFF3
CCD8FF

Tetradic

FFDBCE
D8FFCC
CCF1FF
F3CCFF

Contrast Matrix WCAG 2.1 Contrast

FFDBCE
FEAF74
EE7467
C1B744
B7C19E
—
1.4
Fail
2.2
Fail
1.6
Fail
1.5
Fail
1.4
Fail
—
1.6
Fail
1.1
Fail
1.0
Fail
2.2
Fail
1.6
Fail
—
1.4
Fail
1.5
Fail
1.6
Fail
1.1
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
1.0
Fail
1.5
Fail
1.1
Fail
—
White BG
1.3Fail
1.8Fail
2.9Fail
2.1Fail
1.9Fail
Black BG
16.3AAA
11.6AAA
7.3AAA
10.1AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD1
DCDB82
B9B86A
BDBD60
BBBBA6

Deuteranopia

F2F4D2
E0E686
C0C96B
BDBE67
BBBAA9

Tritanopia

FDD4D4
FA8E90
E86D6D
C1767B
B8ADAF

Achromatopsia

E4E4E4
C0C0C0
979797
ADADAD
BABABA

Shades & Tints Shades & Tints

#FFDBCE

Dark
Light

#FEAF74

Dark
Light

#EE7467

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffdbce;
  --color-2: #feaf74;
  --color-3: #ee7467;
  --color-4: #c1b744;
  --color-5: #b7c19e;
}

SCSS

$color-1: #ffdbce;
$color-2: #feaf74;
$color-3: #ee7467;
$color-4: #c1b744;
$color-5: #b7c19e;

TAILWIND

colors: {
  'brand-1': '#ffdbce',
  'brand-2': '#feaf74',
  'brand-3': '#ee7467',
  'brand-4': '#c1b744',
  'brand-5': '#b7c19e',
}

RGB Array

[255, 219, 206], [254, 175, 116], [238, 116, 103], [193, 183, 68], [183, 193, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFDBCE, #FEAF74, #EE7467, #C1B744, #B7C19E 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: #ffdbce; --color-2: #feaf74; --color-3: #ee7467; --color-4: #c1b744; --color-5: #b7c19e. 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