#94B1B0 + #BCAEB1 + #F0D7A9 + #F3B999 + #D7CBA4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#94B1B0

Jade · DarkGray · Lake Green

HEX

#94B1B0

RGB

rgb(148, 177, 176)

HSL

hsl(178, 16%, 64%)

HSB

hsb(178, 16%, 69%)

CMYK

cmyk(16%, 0%, 1%, 31%)

Oklch

oklch(73.8% 0.032 193.9)

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

#BCAEB1

Peach Pink · DarkGray · Pearl Gray

HEX

#BCAEB1

RGB

rgb(188, 174, 177)

HSL

hsl(347, 9%, 71%)

HSB

hsb(347, 7%, 74%)

CMYK

cmyk(0%, 7%, 6%, 26%)

Oklch

oklch(76.3% 0.017 2.8)

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

#F0D7A9

Goose Yellow · Wheat · Peach Orange

HEX

#F0D7A9

RGB

rgb(240, 215, 169)

HSL

hsl(39, 70%, 80%)

HSB

hsb(39, 30%, 94%)

CMYK

cmyk(0%, 10%, 30%, 6%)

Oklch

oklch(88.9% 0.066 82.6)

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

#F3B999

Apricot · BurlyWood · Peach Orange

HEX

#F3B999

RGB

rgb(243, 185, 153)

HSL

hsl(21, 79%, 78%)

HSB

hsb(21, 37%, 95%)

CMYK

cmyk(0%, 24%, 37%, 5%)

Oklch

oklch(83.1% 0.080 50.1)

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

#D7CBA4

Goose Yellow · Tan · Sunflower

HEX

#D7CBA4

RGB

rgb(215, 203, 164)

HSL

hsl(46, 39%, 74%)

HSB

hsb(46, 24%, 84%)

CMYK

cmyk(0%, 6%, 24%, 16%)

Oklch

oklch(84.2% 0.054 93.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94B1B0

B29595

Analogous

95B2A2

94B1B0

95A4B2

Triadic

94B1B0

B195B2

B2B195

Split-Comp.

94B1B0

B295A4

B2A295

Tetradic

94B1B0

A295B2

B29595

A4B295

Contrast Matrix WCAG 2.1 Contrast

94B1B0	BCAEB1	F0D7A9	F3B999	D7CBA4
—	1.1 Fail	1.6 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.5 Fail	1.2 Fail	1.3 Fail
1.6 Fail	1.5 Fail	—	1.2 Fail	1.2 Fail
1.3 Fail	1.2 Fail	1.2 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.3Fail

2.1Fail

1.4Fail

1.7Fail

1.6Fail

Black BG

9.2AAA

9.8AAA

15.0AAA

12.2AAA

13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A1B0

B6B6B0

E5E5B4

DAD9A1

D2D2AD

Deuteranopia

9F9DB0

B7B8B0

E7E9B7

DDE2A3

D3D3B0

Tritanopia

95B0B0

BBB0B0

EFBDBF

F0A7A8

D6B5B7

Achromatopsia

A8A8A8

B3B3B3

D9D9D9

C7C7C7

CACACA

Shades & Tints Shades & Tints

#94B1B0

Dark

Light

#BCAEB1

Dark

Light

#F0D7A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94b1b0;
  --color-2: #bcaeb1;
  --color-3: #f0d7a9;
  --color-4: #f3b999;
  --color-5: #d7cba4;
}

SCSS

$color-1: #94b1b0;
$color-2: #bcaeb1;
$color-3: #f0d7a9;
$color-4: #f3b999;
$color-5: #d7cba4;

TAILWIND

colors: {
  'brand-1': '#94b1b0',
  'brand-2': '#bcaeb1',
  'brand-3': '#f0d7a9',
  'brand-4': '#f3b999',
  'brand-5': '#d7cba4',
}

RGB Array

[148, 177, 176], [188, 174, 177], [240, 215, 169], [243, 185, 153], [215, 203, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94B1B0, #BCAEB1, #F0D7A9, #F3B999, #D7CBA4 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: #94b1b0; --color-2: #bcaeb1; --color-3: #f0d7a9; --color-4: #f3b999; --color-5: #d7cba4. 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