#E8E2C2 + #EBCEBC + #C6C8BD + #A6BDB3 + #5FC1C4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E8E2C2

Fresh Green · Wheat · Lemon Cream

HEX

#E8E2C2

RGB

rgb(232, 226, 194)

HSL

hsl(51, 45%, 84%)

HSB

hsb(51, 16%, 91%)

CMYK

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

Oklch

oklch(90.9% 0.043 98.4)

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

#EBCEBC

Apricot · Wheat · Peach Orange

HEX

#EBCEBC

RGB

rgb(235, 206, 188)

HSL

hsl(23, 54%, 83%)

HSB

hsb(23, 20%, 92%)

CMYK

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

Oklch

oklch(87.1% 0.041 53.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C6C8BD

Willow Green · Silver · Pearl Gray

HEX

#C6C8BD

RGB

rgb(198, 200, 189)

HSL

hsl(71, 9%, 76%)

HSB

hsb(71, 5%, 78%)

CMYK

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

Oklch

oklch(82.8% 0.015 115.1)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

#A6BDB3

Jade · DarkGray · Apple Green

HEX

#A6BDB3

RGB

rgb(166, 189, 179)

HSL

hsl(154, 15%, 70%)

HSB

hsb(154, 12%, 74%)

CMYK

cmyk(12%, 0%, 5%, 26%)

Oklch

oklch(77.8% 0.029 167.6)

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

#5FC1C4

Slate Blue · MediumTurquoise · Lake Green

HEX

#5FC1C4

RGB

rgb(95, 193, 196)

HSL

hsl(182, 46%, 57%)

HSB

hsb(182, 52%, 77%)

CMYK

cmyk(52%, 2%, 0%, 23%)

Oklch

oklch(75.3% 0.092 198.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E2C2

C4C9E9

Analogous

E9D1C4

E8E2C2

DCE9C4

Triadic

E8E2C2

C4E9E3

E3C4E9

Split-Comp.

E8E2C2

C4DCE9

D1C4E9

Tetradic

E8E2C2

C4E9D1

C4C9E9

E9C4DC

Contrast Matrix WCAG 2.1 Contrast

E8E2C2	EBCEBC	C6C8BD	A6BDB3	5FC1C4
—	1.1 Fail	1.3 Fail	1.5 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.5 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

1.3Fail

1.5Fail

1.7Fail

2.0Fail

2.1Fail

Black BG

16.1AAA

14.1AAA

12.4AAA

10.6AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5CA

DEDEC0

C7C7C0

B0B0B5

898AC3

Deuteranopia

E6E6CC

E0E2C1

C7C7C0

AFADB6

847CC3

Tritanopia

E8D0D1

EAC4C5

C6C2C2

A7B7B8

64C3C3

Achromatopsia

E0E0E0

D5D5D5

C6C6C6

B5B5B5

A4A4A4

Shades & Tints Shades & Tints

#E8E2C2

Dark

Light

#EBCEBC

Dark

Light

#C6C8BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e2c2;
  --color-2: #ebcebc;
  --color-3: #c6c8bd;
  --color-4: #a6bdb3;
  --color-5: #5fc1c4;
}

SCSS

$color-1: #e8e2c2;
$color-2: #ebcebc;
$color-3: #c6c8bd;
$color-4: #a6bdb3;
$color-5: #5fc1c4;

TAILWIND

colors: {
  'brand-1': '#e8e2c2',
  'brand-2': '#ebcebc',
  'brand-3': '#c6c8bd',
  'brand-4': '#a6bdb3',
  'brand-5': '#5fc1c4',
}

RGB Array

[232, 226, 194], [235, 206, 188], [198, 200, 189], [166, 189, 179], [95, 193, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E2C2, #EBCEBC, #C6C8BD, #A6BDB3, #5FC1C4 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: #e8e2c2; --color-2: #ebcebc; --color-3: #c6c8bd; --color-4: #a6bdb3; --color-5: #5fc1c4. 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