#B8EBB0 + #BEDAAD + #C3C9A9 + #C9B8A6 + #CEA7A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B8EBB0

Emerald · Silver · Mint Green

HEX

#B8EBB0

RGB

rgb(184, 235, 176)

HSL

hsl(112, 60%, 81%)

HSB

hsb(112, 25%, 92%)

CMYK

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

Oklch

oklch(89.0% 0.095 141.2)

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

#BEDAAD

Celadon · Silver · Apple Green

HEX

#BEDAAD

RGB

rgb(190, 218, 173)

HSL

hsl(97, 38%, 77%)

HSB

hsb(97, 21%, 85%)

CMYK

cmyk(13%, 0%, 21%, 15%)

Oklch

oklch(85.6% 0.068 133.8)

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

#C3C9A9

Willow Green · Silver · Apple Green

HEX

#C3C9A9

RGB

rgb(195, 201, 169)

HSL

hsl(71, 23%, 73%)

HSB

hsb(71, 16%, 79%)

CMYK

cmyk(3%, 0%, 16%, 21%)

Oklch

oklch(82.3% 0.044 116.0)

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

#C9B8A6

Goose Yellow · Tan · Warm Sun

HEX

#C9B8A6

RGB

rgb(201, 184, 166)

HSL

hsl(31, 24%, 72%)

HSB

hsb(31, 17%, 79%)

CMYK

cmyk(0%, 8%, 17%, 21%)

Oklch

oklch(79.2% 0.032 68.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#CEA7A2

Peach Pink · Tan · Coral Red

HEX

#CEA7A2

RGB

rgb(206, 167, 162)

HSL

hsl(7, 31%, 72%)

HSB

hsb(7, 21%, 81%)

CMYK

cmyk(0%, 19%, 21%, 19%)

Oklch

oklch(76.2% 0.047 26.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8EBB0

E4B1EC

Analogous

D6ECB1

B8EBB0

B1ECC7

Triadic

B8EBB0

B1B9EC

ECB1B9

Split-Comp.

B8EBB0

C7B1EC

ECB1D6

Tetradic

B8EBB0

B1D6EC

E4B1EC

ECC7B1

Contrast Matrix WCAG 2.1 Contrast

B8EBB0	BEDAAD	C3C9A9	C9B8A6	CEA7A2
—	1.1 Fail	1.3 Fail	1.4 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.4 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

1.4Fail

1.5Fail

1.7Fail

1.9Fail

2.2Fail

Black BG

15.5AAA

13.8AAA

12.2AAA

10.9AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECFBE

CACAB8

C6C6B1

C2C1AA

BDBDA3

Deuteranopia

CBC7C2

C9C6BB

C5C5B3

C3C4AB

BFC2A4

Tritanopia

BBCACC

BFC0C2

C3B7B8

C8AEAF

CCA4A4

Achromatopsia

D5D5D5

CCCCCC

C4C4C4

BBBBBB

B2B2B2

Shades & Tints Shades & Tints

#B8EBB0

Dark

Light

#BEDAAD

Dark

Light

#C3C9A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8ebb0;
  --color-2: #bedaad;
  --color-3: #c3c9a9;
  --color-4: #c9b8a6;
  --color-5: #cea7a2;
}

SCSS

$color-1: #b8ebb0;
$color-2: #bedaad;
$color-3: #c3c9a9;
$color-4: #c9b8a6;
$color-5: #cea7a2;

TAILWIND

colors: {
  'brand-1': '#b8ebb0',
  'brand-2': '#bedaad',
  'brand-3': '#c3c9a9',
  'brand-4': '#c9b8a6',
  'brand-5': '#cea7a2',
}

RGB Array

[184, 235, 176], [190, 218, 173], [195, 201, 169], [201, 184, 166], [206, 167, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B8EBB0, #BEDAAD, #C3C9A9, #C9B8A6, #CEA7A2 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: #b8ebb0; --color-2: #bedaad; --color-3: #c3c9a9; --color-4: #c9b8a6; --color-5: #cea7a2. 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