← Back to Editor

#B1ADB3 · #FFBEAF · #FFD2AF · #FFE6AF · #FFFAAF

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

#B1ADB3

Ash · DarkGray · Silver Sand

HEX
#B1ADB3
RGB
rgb(177, 173, 179)
HSL
hsl(280, 4%, 69%)
HSB
hsb(280, 3%, 70%)
CMYK
cmyk(1%, 3%, 0%, 30%)
Oklch
oklch(75.3% 0.010 314.8)

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

#FFBEAF

Peach Pink · LightPink · Cherry Blossom

HEX
#FFBEAF
RGB
rgb(255, 190, 175)
HSL
hsl(11, 100%, 84%)
HSB
hsb(11, 31%, 100%)
CMYK
cmyk(0%, 25%, 31%, 0%)
Oklch
oklch(85.7% 0.078 33.3)

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

#FFD2AF

Apricot · Wheat · Peach Orange

HEX
#FFD2AF
RGB
rgb(255, 210, 175)
HSL
hsl(26, 100%, 84%)
HSB
hsb(26, 31%, 100%)
CMYK
cmyk(0%, 18%, 31%, 0%)
Oklch
oklch(89.4% 0.069 59.6)

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

#FFE6AF

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE6AF
RGB
rgb(255, 230, 175)
HSL
hsl(41, 100%, 84%)
HSB
hsb(41, 31%, 100%)
CMYK
cmyk(0%, 10%, 31%, 0%)
Oklch
oklch(93.2% 0.075 86.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFFAAF

Fresh Green · Wheat · Lemon Cream

HEX
#FFFAAF
RGB
rgb(255, 250, 175)
HSL
hsl(56, 100%, 84%)
HSB
hsb(56, 31%, 100%)
CMYK
cmyk(0%, 2%, 31%, 0%)
Oklch
oklch(97.2% 0.094 104.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1ADB3
AFB3AD

Analogous

AEADB3
B1ADB3
B3ADB2

Triadic

B1ADB3
B3B1AD
ADB3B1

Split-Comp.

B1ADB3
B2B3AD
ADB3AE

Tetradic

B1ADB3
B3AEAD
AFB3AD
ADB2B3

Contrast Matrix WCAG 2.1 Contrast

B1ADB3
FFBEAF
FFD2AF
FFE6AF
FFFAAF
—
1.4
Fail
1.6
Fail
1.8
Fail
2.1
Fail
1.4
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
2.1
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
2.2Fail
1.6Fail
1.4Fail
1.2Fail
1.1Fail
Black BG
9.5AAA
13.2AAA
15.1AAA
17.2AAA
19.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAFB2
E3E2B3
ECEBB7
F4F4BC
FDFDC1

Deuteranopia

B0B0B1
E7ECB4
EEF2BA
F6F8C0
FDFEC6

Tritanopia

B1B0B0
FCB5B6
FDBEC0
FEC7C9
FFCFD3

Achromatopsia

AFAFAF
D0D0D0
DBDBDB
E7E7E7
F3F3F3

Shades & Tints Shades & Tints

#B1ADB3

Dark
Light

#FFBEAF

Dark
Light

#FFD2AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1adb3;
  --color-2: #ffbeaf;
  --color-3: #ffd2af;
  --color-4: #ffe6af;
  --color-5: #fffaaf;
}

SCSS

$color-1: #b1adb3;
$color-2: #ffbeaf;
$color-3: #ffd2af;
$color-4: #ffe6af;
$color-5: #fffaaf;

TAILWIND

colors: {
  'brand-1': '#b1adb3',
  'brand-2': '#ffbeaf',
  'brand-3': '#ffd2af',
  'brand-4': '#ffe6af',
  'brand-5': '#fffaaf',
}

RGB Array

[177, 173, 179], [255, 190, 175], [255, 210, 175], [255, 230, 175], [255, 250, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1ADB3, #FFBEAF, #FFD2AF, #FFE6AF, #FFFAAF 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: #b1adb3; --color-2: #ffbeaf; --color-3: #ffd2af; --color-4: #ffe6af; --color-5: #fffaaf. 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