#B5EBE7 + #B7F4CA + #BEEBB0 + #D9D5A4 + #EBBCA4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B5EBE7

Jade · LightBlue · Glacier Blue

HEX

#B5EBE7

RGB

rgb(181, 235, 231)

HSL

hsl(176, 57%, 82%)

HSB

hsb(176, 23%, 92%)

CMYK

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

Oklch

oklch(90.2% 0.055 190.6)

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

#B7F4CA

Emerald · LightBlue · Mint Green

HEX

#B7F4CA

RGB

rgb(183, 244, 202)

HSL

hsl(139, 73%, 84%)

HSB

hsb(139, 25%, 96%)

CMYK

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

Oklch

oklch(91.5% 0.084 154.4)

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

#BEEBB0

Emerald · Silver · Mint Green

HEX

#BEEBB0

RGB

rgb(190, 235, 176)

HSL

hsl(106, 60%, 81%)

HSB

hsb(106, 25%, 92%)

CMYK

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

Oklch

oklch(89.3% 0.092 138.3)

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

#D9D5A4

Fresh Green · Wheat · Sunflower

HEX

#D9D5A4

RGB

rgb(217, 213, 164)

HSL

hsl(55, 41%, 75%)

HSB

hsb(55, 24%, 85%)

CMYK

cmyk(0%, 2%, 24%, 15%)

Oklch

oklch(86.4% 0.065 103.8)

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

#EBBCA4

Apricot · BurlyWood · Peach Orange

HEX

#EBBCA4

RGB

rgb(235, 188, 164)

HSL

hsl(20, 64%, 78%)

HSB

hsb(20, 30%, 92%)

CMYK

cmyk(0%, 20%, 30%, 8%)

Oklch

oklch(83.1% 0.064 48.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5EBE7

EBB7BA

Analogous

B7EBCE

B5EBE7

B7D5EB

Triadic

B5EBE7

E8B7EB

EBE8B7

Split-Comp.

B5EBE7

EBB7D5

EBCEB7

Tetradic

B5EBE7

CEB7EB

EBB7BA

D5EBB7

Contrast Matrix WCAG 2.1 Contrast

B5EBE7	B7F4CA	BEEBB0	D9D5A4	EBBCA4
—	1.1 Fail	1.0 Fail	1.1 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

1.3Fail

1.2Fail

1.3Fail

1.5Fail

1.7Fail

Black BG

16.0AAA

16.8AAA

15.7AAA

14.0AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCDE8

D1D2D4

D1D2BE

D7D7B0

D7D6AA

Deuteranopia

C9C5E8

CEC9D7

CFCCC2

D8D8B3

D9DDAB

Tritanopia

B8E9E9

BADCDE

C0CACC

D9B9BB

E9AEAF

Achromatopsia

DADADA

DDDDDD

D7D7D7

D1D1D1

C7C7C7

Shades & Tints Shades & Tints

#B5EBE7

Dark

Light

#B7F4CA

Dark

Light

#BEEBB0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5ebe7;
  --color-2: #b7f4ca;
  --color-3: #beebb0;
  --color-4: #d9d5a4;
  --color-5: #ebbca4;
}

SCSS

$color-1: #b5ebe7;
$color-2: #b7f4ca;
$color-3: #beebb0;
$color-4: #d9d5a4;
$color-5: #ebbca4;

TAILWIND

colors: {
  'brand-1': '#b5ebe7',
  'brand-2': '#b7f4ca',
  'brand-3': '#beebb0',
  'brand-4': '#d9d5a4',
  'brand-5': '#ebbca4',
}

RGB Array

[181, 235, 231], [183, 244, 202], [190, 235, 176], [217, 213, 164], [235, 188, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5EBE7, #B7F4CA, #BEEBB0, #D9D5A4, #EBBCA4 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: #b5ebe7; --color-2: #b7f4ca; --color-3: #beebb0; --color-4: #d9d5a4; --color-5: #ebbca4. 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