#D8EAC0 + #7DFBF0 + #5EE1D7 + #3EC7BD + #B0BA85 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D8EAC0

Willow Green · LightGray · Mint Green

HEX

#D8EAC0

RGB

rgb(216, 234, 192)

HSL

hsl(86, 50%, 84%)

HSB

hsb(86, 18%, 92%)

CMYK

cmyk(8%, 0%, 18%, 8%)

Oklch

oklch(91.3% 0.059 126.4)

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

#7DFBF0

Jade · SkyBlue · Lake Green

HEX

#7DFBF0

RGB

rgb(125, 251, 240)

HSL

hsl(175, 94%, 74%)

HSB

hsb(175, 50%, 98%)

CMYK

cmyk(50%, 0%, 4%, 2%)

Oklch

oklch(91.3% 0.114 187.8)

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

#5EE1D7

Jade · MediumTurquoise · Lake Green

HEX

#5EE1D7

RGB

rgb(94, 225, 215)

HSL

hsl(175, 69%, 63%)

HSB

hsb(175, 58%, 88%)

CMYK

cmyk(58%, 0%, 4%, 12%)

Oklch

oklch(83.5% 0.116 188.3)

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

#3EC7BD

Mineral Blue · MediumTurquoise · Lake Green

HEX

#3EC7BD

RGB

rgb(62, 199, 189)

HSL

hsl(176, 55%, 51%)

HSB

hsb(176, 69%, 78%)

CMYK

cmyk(69%, 0%, 5%, 22%)

Oklch

oklch(75.5% 0.116 187.9)

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

#B0BA85

Willow Green · DarkSeaGreen · Apple Green

HEX

#B0BA85

RGB

rgb(176, 186, 133)

HSL

hsl(71, 28%, 63%)

HSB

hsb(71, 28%, 73%)

CMYK

cmyk(5%, 0%, 28%, 27%)

Oklch

oklch(76.8% 0.073 116.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8EAC0

D3C2EB

Analogous

EBE8C2

D8EAC0

C5EBC2

Triadic

D8EAC0

C2D9EB

EBC2D9

Split-Comp.

D8EAC0

C2C5EB

E8C2EB

Tetradic

D8EAC0

C2EBE8

D3C2EB

EBC2C5

Contrast Matrix WCAG 2.1 Contrast

D8EAC0	7DFBF0	5EE1D7	3EC7BD	B0BA85
—	1.0 Fail	1.2 Fail	1.6 Fail	1.6 Fail
1.0 Fail	—	1.3 Fail	1.7 Fail	1.7 Fail
1.2 Fail	1.3 Fail	—	1.3 Fail	1.3 Fail
1.6 Fail	1.7 Fail	1.3 Fail	—	1.0 Fail
1.6 Fail	1.7 Fail	1.3 Fail	1.0 Fail	—

White BG

1.3Fail

1.2Fail

1.6Fail

2.1Fail

Black BG

16.5AAA

16.9AAA

13.2AAA

10.1AAA

10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0CA

B4B5F3

9798D9

797BBF

B4B492

Deuteranopia

DFDDCD

ACA3F3

8F85DA

7167C0

B4B395

Tritanopia

D9D2D4

83F5F5

65DBDC

45C1C2

B19C9E

Achromatopsia

E0E0E0

D4D4D4

B9B9B9

9D9D9D

B1B1B1

Shades & Tints Shades & Tints

#D8EAC0

Dark

Light

#7DFBF0

Dark

Light

#5EE1D7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8eac0;
  --color-2: #7dfbf0;
  --color-3: #5ee1d7;
  --color-4: #3ec7bd;
  --color-5: #b0ba85;
}

SCSS

$color-1: #d8eac0;
$color-2: #7dfbf0;
$color-3: #5ee1d7;
$color-4: #3ec7bd;
$color-5: #b0ba85;

TAILWIND

colors: {
  'brand-1': '#d8eac0',
  'brand-2': '#7dfbf0',
  'brand-3': '#5ee1d7',
  'brand-4': '#3ec7bd',
  'brand-5': '#b0ba85',
}

RGB Array

[216, 234, 192], [125, 251, 240], [94, 225, 215], [62, 199, 189], [176, 186, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8EAC0, #7DFBF0, #5EE1D7, #3EC7BD, #B0BA85 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: #d8eac0; --color-2: #7dfbf0; --color-3: #5ee1d7; --color-4: #3ec7bd; --color-5: #b0ba85. 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