#EDF4CB + #C0E8B3 + #B2DBBD + #93CCC6 + #7CB8B6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDF4CB

Willow Green · Beige · Mint Green

HEX

#EDF4CB

RGB

rgb(237, 244, 203)

HSL

hsl(70, 65%, 88%)

HSB

hsb(70, 17%, 96%)

CMYK

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

Oklch

oklch(95.1% 0.054 115.3)

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

#C0E8B3

Emerald · Silver · Mint Green

HEX

#C0E8B3

RGB

rgb(192, 232, 179)

HSL

hsl(105, 54%, 81%)

HSB

hsb(105, 23%, 91%)

CMYK

cmyk(17%, 0%, 23%, 9%)

Oklch

oklch(88.9% 0.083 138.1)

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

#B2DBBD

Celadon · Silver · Apple Green

HEX

#B2DBBD

RGB

rgb(178, 219, 189)

HSL

hsl(136, 36%, 78%)

HSB

hsb(136, 19%, 86%)

CMYK

cmyk(19%, 0%, 14%, 14%)

Oklch

oklch(85.4% 0.060 153.3)

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

#93CCC6

Jade · LightSteelBlue · Lake Green

HEX

#93CCC6

RGB

rgb(147, 204, 198)

HSL

hsl(174, 36%, 69%)

HSB

hsb(174, 28%, 80%)

CMYK

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

Oklch

oklch(80.4% 0.059 187.9)

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

#7CB8B6

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#7CB8B6

RGB

rgb(124, 184, 182)

HSL

hsl(178, 30%, 60%)

HSB

hsb(178, 33%, 72%)

CMYK

cmyk(33%, 0%, 1%, 28%)

Oklch

oklch(74.1% 0.062 193.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF4CB

D3CDF4

Analogous

F4E7CD

EDF4CB

DAF4CD

Triadic

EDF4CB

CDEEF4

F4CDEE

Split-Comp.

EDF4CB

CDDAF4

E7CDF4

Tetradic

EDF4CB

CDF4E7

D3CDF4

F4CDDA

Contrast Matrix WCAG 2.1 Contrast

EDF4CB	C0E8B3	B2DBBD	93CCC6	7CB8B6
—	1.2 Fail	1.3 Fail	1.6 Fail	2.0 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.6 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.6 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
2.0 Fail	1.6 Fail	1.5 Fail	1.2 Fail	—

White BG

1.1Fail

1.4Fail

1.5Fail

1.8Fail

2.2Fail

Black BG

18.4AAA

15.4AAA

13.8AAA

11.7AAA

9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0D5

D1D2C0

C4C4C4

ACACC7

9697B6

Deuteranopia

F0EFD7

CFCCC3

C1BEC6

A8A4C8

938EB7

Tritanopia

EDDDDE

C2CACC

B4CACB

96C9C9

7FB7B7

Achromatopsia

EDEDED

D6D6D6

CBCBCB

BABABA

A6A6A6

Shades & Tints Shades & Tints

#EDF4CB

Dark

Light

#C0E8B3

Dark

Light

#B2DBBD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf4cb;
  --color-2: #c0e8b3;
  --color-3: #b2dbbd;
  --color-4: #93ccc6;
  --color-5: #7cb8b6;
}

SCSS

$color-1: #edf4cb;
$color-2: #c0e8b3;
$color-3: #b2dbbd;
$color-4: #93ccc6;
$color-5: #7cb8b6;

TAILWIND

colors: {
  'brand-1': '#edf4cb',
  'brand-2': '#c0e8b3',
  'brand-3': '#b2dbbd',
  'brand-4': '#93ccc6',
  'brand-5': '#7cb8b6',
}

RGB Array

[237, 244, 203], [192, 232, 179], [178, 219, 189], [147, 204, 198], [124, 184, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDF4CB, #C0E8B3, #B2DBBD, #93CCC6, #7CB8B6 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: #edf4cb; --color-2: #c0e8b3; --color-3: #b2dbbd; --color-4: #93ccc6; --color-5: #7cb8b6. 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