#E0B0A8 + #B8B8B8 + #97C7B5 + #1CD9B3 + #DEC9C5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0B0A8

Peach Pink · Tan · Coral Red

HEX

#E0B0A8

RGB

rgb(224, 176, 168)

HSL

hsl(9, 47%, 77%)

HSB

hsb(9, 25%, 88%)

CMYK

cmyk(0%, 21%, 25%, 12%)

Oklch

oklch(79.8% 0.058 29.3)

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

#B8B8B8

Silver Gray · Silver · Pearl Gray

HEX

#B8B8B8

RGB

rgb(184, 184, 184)

HSL

hsl(0, 0%, 72%)

HSB

hsb(0, 0%, 72%)

CMYK

cmyk(0%, 0%, 0%, 28%)

Oklch

oklch(78.3% 0.000 89.9)

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

#97C7B5

Jade · DarkGray · Apple Green

HEX

#97C7B5

RGB

rgb(151, 199, 181)

HSL

hsl(158, 30%, 69%)

HSB

hsb(158, 24%, 78%)

CMYK

cmyk(24%, 0%, 9%, 22%)

Oklch

oklch(79.1% 0.057 169.8)

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

#1CD9B3

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#1CD9B3

RGB

rgb(28, 217, 179)

HSL

hsl(168, 77%, 48%)

HSB

hsb(168, 87%, 85%)

CMYK

cmyk(87%, 0%, 18%, 15%)

Oklch

oklch(79.1% 0.147 173.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#DEC9C5

Peach Pink · LightGray · Cherry Blossom

HEX

#DEC9C5

RGB

rgb(222, 201, 197)

HSL

hsl(10, 27%, 82%)

HSB

hsb(10, 11%, 87%)

CMYK

cmyk(0%, 9%, 11%, 13%)

Oklch

oklch(85.2% 0.024 30.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0B0A8

A9D8E0

Analogous

E0A9BC

E0B0A8

E0CDA9

Triadic

E0B0A8

A9E0B1

B1A9E0

Split-Comp.

E0B0A8

A9E0CD

A9BCE0

Tetradic

E0B0A8

BCE0A9

A9D8E0

CDA9E0

Contrast Matrix WCAG 2.1 Contrast

E0B0A8	B8B8B8	97C7B5	1CD9B3	DEC9C5
—	1.0 Fail	1.0 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.3 Fail
1.0 Fail	1.1 Fail	—	1.0 Fail	1.2 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.9Fail

2.0Fail

1.9Fail

1.8Fail

1.6Fail

Black BG

10.9AAA

10.6AAA

11.2AAA

11.6AAA

13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBAA

B8B8B8

ACACB9

6E70BC

D5D5C6

Deuteranopia

CED2AA

B8B8B8

A9A5BA

6355BE

D6D8C6

Tritanopia

DEABAC

B8B8B8

99BDBE

25C3C5

DDC7C7

Achromatopsia

BDBDBD

B8B8B8

B7B7B7

9C9C9C

CFCFCF

Shades & Tints Shades & Tints

#E0B0A8

Dark

Light

#B8B8B8

Dark

Light

#97C7B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0b0a8;
  --color-2: #b8b8b8;
  --color-3: #97c7b5;
  --color-4: #1cd9b3;
  --color-5: #dec9c5;
}

SCSS

$color-1: #e0b0a8;
$color-2: #b8b8b8;
$color-3: #97c7b5;
$color-4: #1cd9b3;
$color-5: #dec9c5;

TAILWIND

colors: {
  'brand-1': '#e0b0a8',
  'brand-2': '#b8b8b8',
  'brand-3': '#97c7b5',
  'brand-4': '#1cd9b3',
  'brand-5': '#dec9c5',
}

RGB Array

[224, 176, 168], [184, 184, 184], [151, 199, 181], [28, 217, 179], [222, 201, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0B0A8, #B8B8B8, #97C7B5, #1CD9B3, #DEC9C5 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: #e0b0a8; --color-2: #b8b8b8; --color-3: #97c7b5; --color-4: #1cd9b3; --color-5: #dec9c5. 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