#B0DAB9 + #FAE2A8 + #FBF5B5 + #94B8B1 + #DCE5BE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B0DAB9

Celadon · Silver · Apple Green

HEX

#B0DAB9

RGB

rgb(176, 218, 185)

HSL

hsl(133, 36%, 77%)

HSB

hsb(133, 19%, 85%)

CMYK

cmyk(19%, 0%, 15%, 15%)

Oklch

oklch(84.9% 0.063 151.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#FAE2A8

Goose Yellow · Wheat · Lemon Cream

HEX

#FAE2A8

RGB

rgb(250, 226, 168)

HSL

hsl(42, 89%, 82%)

HSB

hsb(42, 33%, 98%)

CMYK

cmyk(0%, 10%, 33%, 2%)

Oklch

oklch(91.9% 0.079 88.1)

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

#FBF5B5

Fresh Green · Bisque · Lemon Cream

HEX

#FBF5B5

RGB

rgb(251, 245, 181)

HSL

hsl(55, 90%, 85%)

HSB

hsb(55, 28%, 98%)

CMYK

cmyk(0%, 2%, 28%, 2%)

Oklch

oklch(96.0% 0.082 103.3)

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

#94B8B1

Jade · DarkGray · Lake Green

HEX

#94B8B1

RGB

rgb(148, 184, 177)

HSL

hsl(168, 20%, 65%)

HSB

hsb(168, 20%, 72%)

CMYK

cmyk(20%, 0%, 4%, 28%)

Oklch

oklch(75.4% 0.040 182.0)

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

#DCE5BE

Willow Green · Wheat · Mint Green

HEX

#DCE5BE

RGB

rgb(220, 229, 190)

HSL

hsl(74, 43%, 82%)

HSB

hsb(74, 17%, 90%)

CMYK

cmyk(4%, 0%, 17%, 10%)

Oklch

oklch(90.5% 0.053 118.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0DAB9

D9AFD0

Analogous

BBD9AF

B0DAB9

AFD9CD

Triadic

B0DAB9

B8AFD9

D9B8AF

Split-Comp.

B0DAB9

CDAFD9

D9AFBB

Tetradic

B0DAB9

AFBBD9

D9AFD0

D9CDAF

Contrast Matrix WCAG 2.1 Contrast

B0DAB9	FAE2A8	FBF5B5	94B8B1	DCE5BE
—	1.2 Fail	1.4 Fail	1.4 Fail	1.2 Fail
1.2 Fail	—	1.1 Fail	1.7 Fail	1.0 Fail
1.4 Fail	1.1 Fail	—	1.9 Fail	1.2 Fail
1.4 Fail	1.7 Fail	1.9 Fail	—	1.6 Fail
1.2 Fail	1.0 Fail	1.2 Fail	1.6 Fail	—

White BG

1.5Fail

1.3Fail

1.1Fail

2.2Fail

1.3Fail

Black BG

13.6AAA

16.5AAA

18.8AAA

9.8AAA

16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C3C1

F0EFB6

F8F8C4

A4A4B3

E0E0C7

Deuteranopia

C0BDC3

F1F3B9

F9F9C8

A29FB3

DFDFCA

Tritanopia

B2C7C9

F9C1C4

FBD1D3

96B4B4

DCCFD1

Achromatopsia

CACACA

E3E3E3

EFEFEF

ACACAC

DEDEDE

Shades & Tints Shades & Tints

#B0DAB9

Dark

Light

#FAE2A8

Dark

Light

#FBF5B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0dab9;
  --color-2: #fae2a8;
  --color-3: #fbf5b5;
  --color-4: #94b8b1;
  --color-5: #dce5be;
}

SCSS

$color-1: #b0dab9;
$color-2: #fae2a8;
$color-3: #fbf5b5;
$color-4: #94b8b1;
$color-5: #dce5be;

TAILWIND

colors: {
  'brand-1': '#b0dab9',
  'brand-2': '#fae2a8',
  'brand-3': '#fbf5b5',
  'brand-4': '#94b8b1',
  'brand-5': '#dce5be',
}

RGB Array

[176, 218, 185], [250, 226, 168], [251, 245, 181], [148, 184, 177], [220, 229, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0DAB9, #FAE2A8, #FBF5B5, #94B8B1, #DCE5BE 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: #b0dab9; --color-2: #fae2a8; --color-3: #fbf5b5; --color-4: #94b8b1; --color-5: #dce5be. 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