← Back to Editor

#BDB4AA · #F2C7E1 · #F5A69F · #EB9583 · #ED766B

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

#BDB4AA

Ginger · DarkGray · Warm Sun

HEX
#BDB4AA
RGB
rgb(189, 180, 170)
HSL
hsl(32, 13%, 70%)
HSB
hsb(32, 10%, 74%)
CMYK
cmyk(0%, 5%, 10%, 26%)
Oklch
oklch(77.5% 0.017 70.5)

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

#F2C7E1

Mauve · Pink · Cherry Blossom

HEX
#F2C7E1
RGB
rgb(242, 199, 225)
HSL
hsl(324, 62%, 86%)
HSB
hsb(324, 18%, 95%)
CMYK
cmyk(0%, 18%, 7%, 5%)
Oklch
oklch(87.4% 0.059 341.5)

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

#F5A69F

Peach Pink · BurlyWood · Coral Red

HEX
#F5A69F
RGB
rgb(245, 166, 159)
HSL
hsl(5, 81%, 79%)
HSB
hsb(5, 35%, 96%)
CMYK
cmyk(0%, 32%, 35%, 4%)
Oklch
oklch(80.0% 0.095 25.0)

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

#EB9583

Peach Pink · DarkSalmon · Coral Red

HEX
#EB9583
RGB
rgb(235, 149, 131)
HSL
hsl(10, 72%, 72%)
HSB
hsb(10, 44%, 92%)
CMYK
cmyk(0%, 37%, 44%, 8%)
Oklch
oklch(75.3% 0.108 32.5)

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

#ED766B

Peach Pink · Salmon · Coral Red

HEX
#ED766B
RGB
rgb(237, 118, 107)
HSL
hsl(5, 78%, 67%)
HSB
hsb(5, 55%, 93%)
CMYK
cmyk(0%, 50%, 55%, 7%)
Oklch
oklch(70.1% 0.149 26.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDB4AA
A9B2BC

Analogous

BCA9A9
BDB4AA
BCBCA9

Triadic

BDB4AA
A9BCB3
B3A9BC

Split-Comp.

BDB4AA
A9BCBC
A9A9BC

Tetradic

BDB4AA
A9BCA9
A9B2BC
BCA9BC

Contrast Matrix WCAG 2.1 Contrast

BDB4AA
F2C7E1
F5A69F
EB9583
ED766B
—
1.4
Fail
1.1
Fail
1.1
Fail
1.4
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
1.9
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.1
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
2.0Fail
1.5Fail
1.9Fail
2.3Fail
2.8Fail
Black BG
10.3AAA
14.0AAA
10.8AAA
9.2AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9AC
DFDFDB
D3D2A1
C6C587
B9B86E

Deuteranopia

BABAAD
E2E5D9
D7DDA1
CBD188
C0C96E

Tritanopia

BDAEAF
F0D6D5
F1A2A2
E78B8C
E77070

Achromatopsia

B6B6B6
D7D7D7
BDBDBD
ADADAD
989898

Shades & Tints Shades & Tints

#BDB4AA

Dark
Light

#F2C7E1

Dark
Light

#F5A69F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdb4aa;
  --color-2: #f2c7e1;
  --color-3: #f5a69f;
  --color-4: #eb9583;
  --color-5: #ed766b;
}

SCSS

$color-1: #bdb4aa;
$color-2: #f2c7e1;
$color-3: #f5a69f;
$color-4: #eb9583;
$color-5: #ed766b;

TAILWIND

colors: {
  'brand-1': '#bdb4aa',
  'brand-2': '#f2c7e1',
  'brand-3': '#f5a69f',
  'brand-4': '#eb9583',
  'brand-5': '#ed766b',
}

RGB Array

[189, 180, 170], [242, 199, 225], [245, 166, 159], [235, 149, 131], [237, 118, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDB4AA, #F2C7E1, #F5A69F, #EB9583, #ED766B 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: #bdb4aa; --color-2: #f2c7e1; --color-3: #f5a69f; --color-4: #eb9583; --color-5: #ed766b. 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