← Back to Editor

#FBD2C5 · #D4B5AF · #AE949A · #767181 · #B9B6BE

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FBD2C5

Peach Pink · Bisque · Cherry Blossom

HEX
#FBD2C5
RGB
rgb(251, 210, 197)
HSL
hsl(14, 87%, 88%)
HSB
hsb(14, 22%, 98%)
CMYK
cmyk(0%, 16%, 22%, 2%)
Oklch
oklch(89.5% 0.050 38.3)

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

#D4B5AF

Peach Pink · Silver · Coral Red

HEX
#D4B5AF
RGB
rgb(212, 181, 175)
HSL
hsl(10, 30%, 76%)
HSB
hsb(10, 17%, 83%)
CMYK
cmyk(0%, 15%, 17%, 17%)
Oklch
oklch(79.8% 0.037 30.8)

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

#AE949A

Peach Pink · DarkGray · Coral Red

HEX
#AE949A
RGB
rgb(174, 148, 154)
HSL
hsl(346, 14%, 63%)
HSB
hsb(346, 15%, 68%)
CMYK
cmyk(0%, 15%, 11%, 32%)
Oklch
oklch(69.2% 0.032 2.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#767181

Ink Gray · Gray · Warm Gray

HEX
#767181
RGB
rgb(118, 113, 129)
HSL
hsl(259, 7%, 47%)
HSB
hsb(259, 12%, 51%)
CMYK
cmyk(9%, 12%, 0%, 49%)
Oklch
oklch(55.9% 0.025 299.8)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#B9B6BE

Silver Gray · Silver · Pearl Gray

HEX
#B9B6BE
RGB
rgb(185, 182, 190)
HSL
hsl(262, 6%, 73%)
HSB
hsb(262, 4%, 75%)
CMYK
cmyk(3%, 4%, 0%, 25%)
Oklch
oklch(78.1% 0.012 303.1)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBD2C5
C6EFFB

Analogous

FBC6D4
FBD2C5
FBEDC6

Triadic

FBD2C5
C6FBD2
D2C6FB

Split-Comp.

FBD2C5
C6FBED
C6D4FB

Tetradic

FBD2C5
D4FBC6
C6EFFB
EDC6FB

Contrast Matrix WCAG 2.1 Contrast

FBD2C5
D4B5AF
AE949A
767181
B9B6BE
—
1.4
Fail
2.0
Fail
3.4
AA Large
1.4
Fail
1.4
Fail
—
1.5
Fail
2.5
Fail
1.1
Fail
2.0
Fail
1.5
Fail
—
1.7
Fail
1.4
Fail
3.4
AA Large
2.5
Fail
1.7
Fail
—
2.4
Fail
1.4
Fail
1.1
Fail
1.4
Fail
2.4
Fail
—
White BG
1.4Fail
1.9Fail
2.8Fail
4.7AA
2.0Fail
Black BG
15.1AAA
11.0AAA
7.5AAA
4.4AA Large
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9C8
C7C6B0
A3A399
74747D
B8B8BC

Deuteranopia

ECEFC9
C8CBB1
A4A698
74757C
B8B8BC

Tritanopia

F9CBCB
D2B2B2
AD9797
767A79
B9BBBA

Achromatopsia

DDDDDD
BEBEBE
9C9C9C
747474
B8B8B8

Shades & Tints Shades & Tints

#FBD2C5

Dark
Light

#D4B5AF

Dark
Light

#AE949A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbd2c5;
  --color-2: #d4b5af;
  --color-3: #ae949a;
  --color-4: #767181;
  --color-5: #b9b6be;
}

SCSS

$color-1: #fbd2c5;
$color-2: #d4b5af;
$color-3: #ae949a;
$color-4: #767181;
$color-5: #b9b6be;

TAILWIND

colors: {
  'brand-1': '#fbd2c5',
  'brand-2': '#d4b5af',
  'brand-3': '#ae949a',
  'brand-4': '#767181',
  'brand-5': '#b9b6be',
}

RGB Array

[251, 210, 197], [212, 181, 175], [174, 148, 154], [118, 113, 129], [185, 182, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBD2C5, #D4B5AF, #AE949A, #767181, #B9B6BE is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fbd2c5; --color-2: #d4b5af; --color-3: #ae949a; --color-4: #767181; --color-5: #b9b6be. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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