#E6FFF5 + #C7D9D2 + #9E7E8B + #E08E7C + #C4C7A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6FFF5

Jade · Lavender · Mint Green

HEX

#E6FFF5

RGB

rgb(230, 255, 245)

HSL

hsl(156, 100%, 95%)

HSB

hsb(156, 10%, 100%)

CMYK

cmyk(10%, 0%, 4%, 0%)

Oklch

oklch(97.9% 0.029 169.7)

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

#C7D9D2

Jade · LightGray · Mint Green

HEX

#C7D9D2

RGB

rgb(199, 217, 210)

HSL

hsl(157, 19%, 82%)

HSB

hsb(157, 8%, 85%)

CMYK

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

Oklch

oklch(87.0% 0.022 170.5)

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

#9E7E8B

Dark Violet · Gray · Rose Pink

HEX

#9E7E8B

RGB

rgb(158, 126, 139)

HSL

hsl(336, 14%, 56%)

HSB

hsb(336, 20%, 62%)

CMYK

cmyk(0%, 20%, 12%, 38%)

Oklch

oklch(62.7% 0.043 352.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E08E7C

Peach Pink · DarkSalmon · Coral Red

HEX

#E08E7C

RGB

rgb(224, 142, 124)

HSL

hsl(11, 62%, 68%)

HSB

hsb(11, 45%, 88%)

CMYK

cmyk(0%, 37%, 45%, 12%)

Oklch

oklch(72.7% 0.104 33.1)

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

#C4C7A1

Fresh Green · Tan · Sunflower

HEX

#C4C7A1

RGB

rgb(196, 199, 161)

HSL

hsl(65, 25%, 71%)

HSB

hsb(65, 19%, 78%)

CMYK

cmyk(2%, 0%, 19%, 22%)

Oklch

oklch(81.7% 0.051 111.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6FFF5

FFE5F0

Analogous

E5FFE8

E6FFF5

E5FCFF

Triadic

E6FFF5

F5E5FF

FFF5E5

Split-Comp.

E6FFF5

FFE5FC

FFE8E5

Tetradic

E6FFF5

E8E5FF

FFE5F0

FCFFE5

Contrast Matrix WCAG 2.1 Contrast

E6FFF5	C7D9D2	9E7E8B	E08E7C	C4C7A1
—	1.4 Fail	3.4 AA Large	2.4 Fail	1.7 Fail
1.4 Fail	—	2.5 Fail	1.7 Fail	1.2 Fail
3.4 AA Large	2.5 Fail	—	1.4 Fail	2.1 Fail
2.4 Fail	1.7 Fail	1.4 Fail	—	1.4 Fail
1.7 Fail	1.2 Fail	2.1 Fail	1.4 Fail	—

White BG

1.1Fail

1.5Fail

3.6AA Large

2.5Fail

1.7Fail

Black BG

20.0AAA

14.3AAA

5.8AA

8.3AAA

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1F7

CFCFD4

909088

BCBC80

C5C5AA

Deuteranopia

EFEEF8

CECCD4

929487

C1C781

C5C5AC

Tritanopia

E7F9FA

C8D5D5

9C8585

DC8485

C4B1B3

Achromatopsia

F6F6F6

D3D3D3

898989

A4A4A4

C2C2C2

Shades & Tints Shades & Tints

#E6FFF5

Dark

Light

#C7D9D2

Dark

Light

#9E7E8B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6fff5;
  --color-2: #c7d9d2;
  --color-3: #9e7e8b;
  --color-4: #e08e7c;
  --color-5: #c4c7a1;
}

SCSS

$color-1: #e6fff5;
$color-2: #c7d9d2;
$color-3: #9e7e8b;
$color-4: #e08e7c;
$color-5: #c4c7a1;

TAILWIND

colors: {
  'brand-1': '#e6fff5',
  'brand-2': '#c7d9d2',
  'brand-3': '#9e7e8b',
  'brand-4': '#e08e7c',
  'brand-5': '#c4c7a1',
}

RGB Array

[230, 255, 245], [199, 217, 210], [158, 126, 139], [224, 142, 124], [196, 199, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6FFF5, #C7D9D2, #9E7E8B, #E08E7C, #C4C7A1 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: #e6fff5; --color-2: #c7d9d2; --color-3: #9e7e8b; --color-4: #e08e7c; --color-5: #c4c7a1. 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