#8E9B95 + #0CFB8B + #98D9BA + #EBE3B5 + #C2F0E1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8E9B95

Ash · LightSlateGray · Silver Sand

HEX

#8E9B95

RGB

rgb(142, 155, 149)

HSL

hsl(152, 6%, 58%)

HSB

hsb(152, 8%, 61%)

CMYK

cmyk(8%, 0%, 4%, 39%)

Oklch

oklch(67.7% 0.017 166.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#0CFB8B

Mineral Blue · MediumSpringGreen · Olive Green

HEX

#0CFB8B

RGB

rgb(12, 251, 139)

HSL

hsl(152, 97%, 52%)

HSB

hsb(152, 95%, 98%)

CMYK

cmyk(95%, 0%, 45%, 2%)

Oklch

oklch(86.7% 0.220 153.4)

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

#98D9BA

Jade · Silver · Apple Green

HEX

#98D9BA

RGB

rgb(152, 217, 186)

HSL

hsl(151, 46%, 72%)

HSB

hsb(151, 30%, 85%)

CMYK

cmyk(30%, 0%, 14%, 15%)

Oklch

oklch(83.3% 0.079 163.5)

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

#EBE3B5

Fresh Green · Wheat · Lemon Cream

HEX

#EBE3B5

RGB

rgb(235, 227, 181)

HSL

hsl(51, 57%, 82%)

HSB

hsb(51, 23%, 92%)

CMYK

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

Oklch

oklch(91.1% 0.061 99.3)

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

#C2F0E1

Jade · LightBlue · Glacier Blue

HEX

#C2F0E1

RGB

rgb(194, 240, 225)

HSL

hsl(160, 61%, 85%)

HSB

hsb(160, 19%, 94%)

CMYK

cmyk(19%, 0%, 6%, 6%)

Oklch

oklch(91.9% 0.052 173.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E9B95

9A8D93

Analogous

8D9A8E

8E9B95

8D9A9A

Triadic

8E9B95

948D9A

9A948D

Split-Comp.

8E9B95

9A8D9A

9A8E8D

Tetradic

8E9B95

8E8D9A

9A8D93

9A9A8D

Contrast Matrix WCAG 2.1 Contrast

8E9B95	0CFB8B	98D9BA	EBE3B5	C2F0E1
—	2.1 Fail	1.8 Fail	2.2 Fail	2.3 Fail
2.1 Fail	—	1.2 Fail	1.1 Fail	1.1 Fail
1.8 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
2.2 Fail	1.1 Fail	1.2 Fail	—	1.0 Fail
2.3 Fail	1.1 Fail	1.3 Fail	1.0 Fail	—

White BG

2.9Fail

1.4Fail

1.6Fail

1.3Fail

1.2Fail

Black BG

7.3AAA

15.2AAA

13.0AAA

16.2AAA

16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

949496

7376A6

B4B5C2

E8E7C0

D6D6E5

Deuteranopia

939297

6654AD

B0ACC3

E8E9C3

D3D0E6

Tritanopia

8F9898

18BBC0

9BC7C9

EBC9CB

C4E7E8

Achromatopsia

969696

A7A7A7

C2C2C2

E0E0E0

E1E1E1

Shades & Tints Shades & Tints

#8E9B95

Dark

Light

#0CFB8B

Dark

Light

#98D9BA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e9b95;
  --color-2: #0cfb8b;
  --color-3: #98d9ba;
  --color-4: #ebe3b5;
  --color-5: #c2f0e1;
}

SCSS

$color-1: #8e9b95;
$color-2: #0cfb8b;
$color-3: #98d9ba;
$color-4: #ebe3b5;
$color-5: #c2f0e1;

TAILWIND

colors: {
  'brand-1': '#8e9b95',
  'brand-2': '#0cfb8b',
  'brand-3': '#98d9ba',
  'brand-4': '#ebe3b5',
  'brand-5': '#c2f0e1',
}

RGB Array

[142, 155, 149], [12, 251, 139], [152, 217, 186], [235, 227, 181], [194, 240, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8E9B95, #0CFB8B, #98D9BA, #EBE3B5, #C2F0E1 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: #8e9b95; --color-2: #0cfb8b; --color-3: #98d9ba; --color-4: #ebe3b5; --color-5: #c2f0e1. 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