#B0D6C5 + #F9E4CA + #FECAC0 + #E89B9A + #917471 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B0D6C5

Jade · Silver · Apple Green

HEX

#B0D6C5

RGB

rgb(176, 214, 197)

HSL

hsl(153, 32%, 76%)

HSB

hsb(153, 18%, 84%)

CMYK

cmyk(18%, 0%, 8%, 16%)

Oklch

oklch(84.4% 0.047 166.3)

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

#F9E4CA

Goose Yellow · Bisque · Peach Orange

HEX

#F9E4CA

RGB

rgb(249, 228, 202)

HSL

hsl(33, 80%, 88%)

HSB

hsb(33, 19%, 98%)

CMYK

cmyk(0%, 8%, 19%, 2%)

Oklch

oklch(92.9% 0.041 73.2)

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

#FECAC0

Peach Pink · Pink · Cherry Blossom

HEX

#FECAC0

RGB

rgb(254, 202, 192)

HSL

hsl(10, 97%, 87%)

HSB

hsb(10, 24%, 100%)

CMYK

cmyk(0%, 20%, 24%, 0%)

Oklch

oklch(88.2% 0.061 30.9)

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

#E89B9A

Peach Pink · DarkSalmon · Coral Red

HEX

#E89B9A

RGB

rgb(232, 155, 154)

HSL

hsl(1, 63%, 76%)

HSB

hsb(1, 34%, 91%)

CMYK

cmyk(0%, 33%, 34%, 9%)

Oklch

oklch(76.5% 0.093 20.3)

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

#917471

Crimson · Gray · Passion Red

HEX

#917471

RGB

rgb(145, 116, 113)

HSL

hsl(6, 13%, 51%)

HSB

hsb(6, 22%, 57%)

CMYK

cmyk(0%, 20%, 22%, 43%)

Oklch

oklch(58.6% 0.037 25.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0D6C5

D5AEC0

Analogous

AED5B0

B0D6C5

AED3D5

Triadic

B0D6C5

C4AED5

D5C4AE

Split-Comp.

B0D6C5

D5AED3

D5B0AE

Tetradic

B0D6C5

B0AED5

D5AEC0

D3D5AE

Contrast Matrix WCAG 2.1 Contrast

B0D6C5	F9E4CA	FECAC0	E89B9A	917471
—	1.3 Fail	1.1 Fail	1.4 Fail	2.7 Fail
1.3 Fail	—	1.2 Fail	1.8 Fail	3.4 AA Large
1.1 Fail	1.2 Fail	—	1.5 Fail	2.9 Fail
1.4 Fail	1.8 Fail	1.5 Fail	—	1.9 Fail
2.7 Fail	3.4 AA Large	2.9 Fail	1.9 Fail	—

White BG

1.6Fail

1.2Fail

1.5Fail

2.2Fail

4.3AA Large

Black BG

13.3AAA

17.0AAA

14.4AAA

9.6AAA

4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C1C9

F0F0D0

E7E7C2

C7C69A

848472

Deuteranopia

BEBBCA

F1F3D2

EBEEC3

CBD19A

868872

Tritanopia

B2CCCD

F8D5D6

FBC4C5

E49A9A

907272

Achromatopsia

C9C9C9

E7E7E7

D8D8D8

B2B2B2

7C7C7C

Shades & Tints Shades & Tints

#B0D6C5

Dark

Light

#F9E4CA

Dark

Light

#FECAC0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0d6c5;
  --color-2: #f9e4ca;
  --color-3: #fecac0;
  --color-4: #e89b9a;
  --color-5: #917471;
}

SCSS

$color-1: #b0d6c5;
$color-2: #f9e4ca;
$color-3: #fecac0;
$color-4: #e89b9a;
$color-5: #917471;

TAILWIND

colors: {
  'brand-1': '#b0d6c5',
  'brand-2': '#f9e4ca',
  'brand-3': '#fecac0',
  'brand-4': '#e89b9a',
  'brand-5': '#917471',
}

RGB Array

[176, 214, 197], [249, 228, 202], [254, 202, 192], [232, 155, 154], [145, 116, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0D6C5, #F9E4CA, #FECAC0, #E89B9A, #917471 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b0d6c5; --color-2: #f9e4ca; --color-3: #fecac0; --color-4: #e89b9a; --color-5: #917471. 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 tech, SaaS, healthcare, eco industries. 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