#E6F1D8 + #A4D8C6 + #7CC8C5 + #68BAB8 + #9EBCB7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6F1D8

Willow Green · Beige · Mint Green

HEX

#E6F1D8

RGB

rgb(230, 241, 216)

HSL

hsl(86, 47%, 90%)

HSB

hsb(86, 10%, 95%)

CMYK

cmyk(5%, 0%, 10%, 5%)

Oklch

oklch(94.3% 0.035 126.5)

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

#A4D8C6

Jade · LightBlue · Apple Green

HEX

#A4D8C6

RGB

rgb(164, 216, 198)

HSL

hsl(159, 40%, 75%)

HSB

hsb(159, 24%, 85%)

CMYK

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

Oklch

oklch(84.1% 0.059 171.5)

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

#7CC8C5

Jade · MediumAquaMarine · Lake Green

HEX

#7CC8C5

RGB

rgb(124, 200, 197)

HSL

hsl(178, 41%, 64%)

HSB

hsb(178, 38%, 78%)

CMYK

cmyk(38%, 0%, 1%, 22%)

Oklch

oklch(78.3% 0.076 192.5)

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

#68BAB8

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#68BAB8

RGB

rgb(104, 186, 184)

HSL

hsl(179, 37%, 57%)

HSB

hsb(179, 44%, 73%)

CMYK

cmyk(44%, 0%, 1%, 27%)

Oklch

oklch(73.6% 0.080 193.5)

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

#9EBCB7

Jade · DarkGray · Lake Green

HEX

#9EBCB7

RGB

rgb(158, 188, 183)

HSL

hsl(170, 18%, 68%)

HSB

hsb(170, 16%, 74%)

CMYK

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

Oklch

oklch(77.1% 0.033 184.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6F1D8

E4DAF1

Analogous

F1F0DA

E6F1D8

DBF1DA

Triadic

E6F1D8

DAE7F1

F1DAE7

Split-Comp.

E6F1D8

DADBF1

F0DAF1

Tetradic

E6F1D8

DAF1F0

E4DAF1

F1DADB

Contrast Matrix WCAG 2.1 Contrast

E6F1D8	A4D8C6	7CC8C5	68BAB8	9EBCB7
—	1.4 Fail	1.6 Fail	1.9 Fail	1.7 Fail
1.4 Fail	—	1.2 Fail	1.4 Fail	1.3 Fail
1.6 Fail	1.2 Fail	—	1.2 Fail	1.1 Fail
1.9 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.7 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

1.2Fail

1.6Fail

1.9Fail

2.3Fail

2.0Fail

Black BG

17.9AAA

13.2AAA

10.9AAA

9.3AAA

10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBDE

BBBBCA

9D9EC6

8C8CB8

ABABB8

Deuteranopia

EAE9E0

B8B4CB

9993C6

8781B9

A9A7B9

Tritanopia

E7E3E4

A7CECF

80C6C6

6CB9B9

A0B9B9

Achromatopsia

EBEBEB

C6C6C6

B1B1B1

A1A1A1

B2B2B2

Shades & Tints Shades & Tints

#E6F1D8

Dark

Light

#A4D8C6

Dark

Light

#7CC8C5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6f1d8;
  --color-2: #a4d8c6;
  --color-3: #7cc8c5;
  --color-4: #68bab8;
  --color-5: #9ebcb7;
}

SCSS

$color-1: #e6f1d8;
$color-2: #a4d8c6;
$color-3: #7cc8c5;
$color-4: #68bab8;
$color-5: #9ebcb7;

TAILWIND

colors: {
  'brand-1': '#e6f1d8',
  'brand-2': '#a4d8c6',
  'brand-3': '#7cc8c5',
  'brand-4': '#68bab8',
  'brand-5': '#9ebcb7',
}

RGB Array

[230, 241, 216], [164, 216, 198], [124, 200, 197], [104, 186, 184], [158, 188, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6F1D8, #A4D8C6, #7CC8C5, #68BAB8, #9EBCB7 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: #e6f1d8; --color-2: #a4d8c6; --color-3: #7cc8c5; --color-4: #68bab8; --color-5: #9ebcb7. 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