← Back to Editor

#FAECCF · #BCC7C9 · #B3B1AD · #E2BABA · #97ADAA

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

WorkspaceReading

Color Details Color Details

#FAECCF

Goose Yellow · Bisque · Lemon Cream

HEX
#FAECCF
RGB
rgb(250, 236, 207)
HSL
hsl(40, 81%, 90%)
HSB
hsb(40, 17%, 98%)
CMYK
cmyk(0%, 6%, 17%, 2%)
Oklch
oklch(94.7% 0.041 85.3)

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

#BCC7C9

Sky Blue · Silver · Glacier Blue

HEX
#BCC7C9
RGB
rgb(188, 199, 201)
HSL
hsl(189, 11%, 76%)
HSB
hsb(189, 6%, 79%)
CMYK
cmyk(6%, 1%, 0%, 21%)
Oklch
oklch(82.2% 0.012 209.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#B3B1AD

Ash · DarkGray · Silver Sand

HEX
#B3B1AD
RGB
rgb(179, 177, 173)
HSL
hsl(40, 4%, 69%)
HSB
hsb(40, 3%, 70%)
CMYK
cmyk(0%, 1%, 3%, 30%)
Oklch
oklch(76.1% 0.006 84.6)

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

#E2BABA

Peach Pink · LightPink · Cherry Blossom

HEX
#E2BABA
RGB
rgb(226, 186, 186)
HSL
hsl(0, 41%, 81%)
HSB
hsb(0, 18%, 89%)
CMYK
cmyk(0%, 18%, 18%, 11%)
Oklch
oklch(82.4% 0.046 18.1)

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

#97ADAA

Jade · DarkGray · Lake Green

HEX
#97ADAA
RGB
rgb(151, 173, 170)
HSL
hsl(172, 12%, 64%)
HSB
hsb(172, 13%, 68%)
CMYK
cmyk(13%, 0%, 2%, 32%)
Oklch
oklch(73.0% 0.025 186.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAECCF
D1DFFA

Analogous

FAD8D1
FAECCF
F3FAD1

Triadic

FAECCF
D1FAEC
ECD1FA

Split-Comp.

FAECCF
D1F3FA
D8D1FA

Tetradic

FAECCF
D1FAD8
D1DFFA
FAD1F3

Contrast Matrix WCAG 2.1 Contrast

FAECCF
BCC7C9
B3B1AD
E2BABA
97ADAA
—
1.5
Fail
1.8
Fail
1.5
Fail
2.0
Fail
1.5
Fail
—
1.2
Fail
1.0
Fail
1.4
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.5
Fail
1.0
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.4
Fail
1.1
Fail
1.3
Fail
—
White BG
1.2Fail
1.7Fail
2.1Fail
1.8Fail
2.4Fail
Black BG
18.0AAA
12.2AAA
9.8AAA
12.0AAA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4D6
C1C1C9
B2B2AE
D1D0BA
A1A1AB

Deuteranopia

F5F6D8
C0BFC8
B2B2AE
D3D6BA
9F9EAB

Tritanopia

F9DCDD
BDC8C8
B3AFAF
E0BABA
98ABAB

Achromatopsia

EDEDED
C4C4C4
B1B1B1
C6C6C6
A6A6A6

Shades & Tints Shades & Tints

#FAECCF

Dark
Light

#BCC7C9

Dark
Light

#B3B1AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faeccf;
  --color-2: #bcc7c9;
  --color-3: #b3b1ad;
  --color-4: #e2baba;
  --color-5: #97adaa;
}

SCSS

$color-1: #faeccf;
$color-2: #bcc7c9;
$color-3: #b3b1ad;
$color-4: #e2baba;
$color-5: #97adaa;

TAILWIND

colors: {
  'brand-1': '#faeccf',
  'brand-2': '#bcc7c9',
  'brand-3': '#b3b1ad',
  'brand-4': '#e2baba',
  'brand-5': '#97adaa',
}

RGB Array

[250, 236, 207], [188, 199, 201], [179, 177, 173], [226, 186, 186], [151, 173, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAECCF, #BCC7C9, #B3B1AD, #E2BABA, #97ADAA is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #faeccf; --color-2: #bcc7c9; --color-3: #b3b1ad; --color-4: #e2baba; --color-5: #97adaa. 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 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