#C8E4BE + #EDF3E2 + #859281 + #D0CB93 + #BCB889 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C8E4BE

Celadon · LightGray · Mint Green

HEX

#C8E4BE

RGB

rgb(200, 228, 190)

HSL

hsl(104, 41%, 82%)

HSB

hsb(104, 17%, 89%)

CMYK

cmyk(12%, 0%, 17%, 11%)

Oklch

oklch(88.8% 0.059 137.5)

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

#EDF3E2

Willow Green · Beige · Mint Green

HEX

#EDF3E2

RGB

rgb(237, 243, 226)

HSL

hsl(81, 41%, 92%)

HSB

hsb(81, 7%, 95%)

CMYK

cmyk(2%, 0%, 7%, 5%)

Oklch

oklch(95.5% 0.023 122.7)

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

#859281

Ash · Gray · Warm Gray

HEX

#859281

RGB

rgb(133, 146, 129)

HSL

hsl(106, 7%, 54%)

HSB

hsb(106, 12%, 57%)

CMYK

cmyk(9%, 0%, 12%, 43%)

Oklch

oklch(64.4% 0.029 138.3)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#D0CB93

Fresh Green · Tan · Sunflower

HEX

#D0CB93

RGB

rgb(208, 203, 147)

HSL

hsl(55, 39%, 70%)

HSB

hsb(55, 29%, 82%)

CMYK

cmyk(0%, 2%, 29%, 18%)

Oklch

oklch(83.3% 0.074 103.6)

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

#BCB889

Fresh Green · Tan · Sunflower

HEX

#BCB889

RGB

rgb(188, 184, 137)

HSL

hsl(55, 28%, 64%)

HSB

hsb(55, 27%, 74%)

CMYK

cmyk(0%, 2%, 27%, 26%)

Oklch

oklch(77.4% 0.063 103.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8E4BE

DABEE4

Analogous

DBE4BE

C8E4BE

BEE4C7

Triadic

C8E4BE

BEC8E4

E4BEC8

Split-Comp.

C8E4BE

C7BEE4

E4BEDB

Tetradic

C8E4BE

BEDBE4

DABEE4

E4C7BE

Contrast Matrix WCAG 2.1 Contrast

C8E4BE	EDF3E2	859281	D0CB93	BCB889
—	1.2 Fail	2.4 Fail	1.2 Fail	1.5 Fail
1.2 Fail	—	2.9 Fail	1.5 Fail	1.8 Fail
2.4 Fail	2.9 Fail	—	2.0 Fail	1.6 Fail
1.2 Fail	1.5 Fail	2.0 Fail	—	1.2 Fail
1.5 Fail	1.8 Fail	1.6 Fail	1.2 Fail	—

White BG

1.4Fail

1.1Fail

3.3AA Large

1.7Fail

2.0Fail

Black BG

15.3AAA

18.5AAA

6.4AA

12.6AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4C7

F0F0E6

8B8B85

CECEA1

BABA94

Deuteranopia

D3D0C9

EFEFE7

8A8986

CECFA4

BBBB97

Tritanopia

C9CED0

EDE9EA

868889

D0ABAE

BC9D9F

Achromatopsia

D7D7D7

EFEFEF

8C8C8C

C6C6C6

B4B4B4

Shades & Tints Shades & Tints

#C8E4BE

Dark

Light

#EDF3E2

Dark

Light

#859281

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8e4be;
  --color-2: #edf3e2;
  --color-3: #859281;
  --color-4: #d0cb93;
  --color-5: #bcb889;
}

SCSS

$color-1: #c8e4be;
$color-2: #edf3e2;
$color-3: #859281;
$color-4: #d0cb93;
$color-5: #bcb889;

TAILWIND

colors: {
  'brand-1': '#c8e4be',
  'brand-2': '#edf3e2',
  'brand-3': '#859281',
  'brand-4': '#d0cb93',
  'brand-5': '#bcb889',
}

RGB Array

[200, 228, 190], [237, 243, 226], [133, 146, 129], [208, 203, 147], [188, 184, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C8E4BE, #EDF3E2, #859281, #D0CB93, #BCB889 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: #c8e4be; --color-2: #edf3e2; --color-3: #859281; --color-4: #d0cb93; --color-5: #bcb889. 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