← Back to Editor

#B0A4A7 · #FF95B4 · #FFB3AA · #FFCD84 · #FFDB32

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

#B0A4A7

Ash · DarkGray · Silver Sand

HEX
#B0A4A7
RGB
rgb(176, 164, 167)
HSL
hsl(345, 7%, 67%)
HSB
hsb(345, 7%, 69%)
CMYK
cmyk(0%, 7%, 5%, 31%)
Oklch
oklch(73.0% 0.015 0.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#FF95B4

Rouge · LightPink · Cherry Blossom

HEX
#FF95B4
RGB
rgb(255, 149, 180)
HSL
hsl(342, 100%, 79%)
HSB
hsb(342, 42%, 100%)
CMYK
cmyk(0%, 42%, 29%, 0%)
Oklch
oklch(78.9% 0.131 1.7)

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

#FFB3AA

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB3AA
RGB
rgb(255, 179, 170)
HSL
hsl(6, 100%, 83%)
HSB
hsb(6, 33%, 100%)
CMYK
cmyk(0%, 30%, 33%, 0%)
Oklch
oklch(83.6% 0.090 26.7)

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

#FFCD84

Goose Yellow · Khaki · Peach Orange

HEX
#FFCD84
RGB
rgb(255, 205, 132)
HSL
hsl(36, 100%, 76%)
HSB
hsb(36, 48%, 100%)
CMYK
cmyk(0%, 20%, 48%, 0%)
Oklch
oklch(87.7% 0.107 76.1)

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

#FFDB32

Ginger · Gold · Sunflower

HEX
#FFDB32
RGB
rgb(255, 219, 50)
HSL
hsl(49, 100%, 60%)
HSB
hsb(49, 80%, 100%)
CMYK
cmyk(0%, 14%, 80%, 0%)
Oklch
oklch(89.6% 0.173 96.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0A4A7
A5B1AE

Analogous

B1A5AE
B0A4A7
B1A8A5

Triadic

B0A4A7
A8B1A5
A5A8B1

Split-Comp.

B0A4A7
A5B1A8
A5AEB1

Tetradic

B0A4A7
AEB1A5
A5B1AE
A8A5B1

Contrast Matrix WCAG 2.1 Contrast

B0A4A7
FF95B4
FFB3AA
FFCD84
FFDB32
—
1.2
Fail
1.4
Fail
1.6
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.8
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
2.4Fail
2.1Fail
1.7Fail
1.5Fail
1.4Fail
Black BG
8.7AAA
10.2AAA
12.3AAA
14.3AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABA6
D1D0AC
DEDDAC
E9E996
EFEF5B

Deuteranopia

ACACA6
D7DFAB
E3E8AD
ECF09A
F2F465

Tritanopia

AFA6A6
FAA7A5
FBAEAE
FDA4A7
FD7B82

Achromatopsia

A8A8A8
B8B8B8
C9C9C9
D4D4D4
D2D2D2

Shades & Tints Shades & Tints

#B0A4A7

Dark
Light

#FF95B4

Dark
Light

#FFB3AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0a4a7;
  --color-2: #ff95b4;
  --color-3: #ffb3aa;
  --color-4: #ffcd84;
  --color-5: #ffdb32;
}

SCSS

$color-1: #b0a4a7;
$color-2: #ff95b4;
$color-3: #ffb3aa;
$color-4: #ffcd84;
$color-5: #ffdb32;

TAILWIND

colors: {
  'brand-1': '#b0a4a7',
  'brand-2': '#ff95b4',
  'brand-3': '#ffb3aa',
  'brand-4': '#ffcd84',
  'brand-5': '#ffdb32',
}

RGB Array

[176, 164, 167], [255, 149, 180], [255, 179, 170], [255, 205, 132], [255, 219, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0A4A7, #FF95B4, #FFB3AA, #FFCD84, #FFDB32 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: #b0a4a7; --color-2: #ff95b4; --color-3: #ffb3aa; --color-4: #ffcd84; --color-5: #ffdb32. 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