#90CEC8 + #8BA8A5 + #E7EAB0 + #BECE95 + #8C976F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#90CEC8

Jade · SkyBlue · Lake Green

HEX

#90CEC8

RGB

rgb(144, 206, 200)

HSL

hsl(174, 39%, 69%)

HSB

hsb(174, 30%, 81%)

CMYK

cmyk(30%, 0%, 3%, 19%)

Oklch

oklch(80.8% 0.064 188.4)

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

#8BA8A5

Mineral Blue · DarkSeaGreen · Lake Green

HEX

#8BA8A5

RGB

rgb(139, 168, 165)

HSL

hsl(174, 14%, 60%)

HSB

hsb(174, 17%, 66%)

CMYK

cmyk(17%, 0%, 2%, 34%)

Oklch

oklch(70.9% 0.032 188.8)

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

#E7EAB0

Fresh Green · Wheat · Lemon Cream

HEX

#E7EAB0

RGB

rgb(231, 234, 176)

HSL

hsl(63, 58%, 80%)

HSB

hsb(63, 25%, 92%)

CMYK

cmyk(1%, 0%, 25%, 8%)

Oklch

oklch(92.1% 0.075 110.3)

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

#BECE95

Willow Green · Tan · Apple Green

HEX

#BECE95

RGB

rgb(190, 206, 149)

HSL

hsl(77, 37%, 70%)

HSB

hsb(77, 28%, 81%)

CMYK

cmyk(8%, 0%, 28%, 19%)

Oklch

oklch(82.5% 0.078 120.9)

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

#8C976F

Grass Green · Gray · Olive Green

HEX

#8C976F

RGB

rgb(140, 151, 111)

HSL

hsl(76, 16%, 51%)

HSB

hsb(76, 26%, 59%)

CMYK

cmyk(7%, 0%, 26%, 41%)

Oklch

oklch(65.7% 0.058 120.5)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90CEC8

CF9197

Analogous

91CFAA

90CEC8

91B6CF

Triadic

90CEC8

C991CF

CFC991

Split-Comp.

90CEC8

CF91B6

CFAA91

Tetradic

90CEC8

AA91CF

CF9197

B6CF91

Contrast Matrix WCAG 2.1 Contrast

90CEC8	8BA8A5	E7EAB0	BECE95	8C976F
—	1.4 Fail	1.4 Fail	1.1 Fail	1.7 Fail
1.4 Fail	—	2.0 Fail	1.5 Fail	1.2 Fail
1.4 Fail	2.0 Fail	—	1.3 Fail	2.5 Fail
1.1 Fail	1.5 Fail	1.3 Fail	—	1.8 Fail
1.7 Fail	1.2 Fail	2.5 Fail	1.8 Fail	—

White BG

1.8Fail

2.5Fail

1.3Fail

1.7Fail

3.1AA Large

Black BG

11.8AAA

8.2AAA

16.8AAA

12.5AAA

6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABC9

9898A6

E8E8BE

C5C5A3

919179

Deuteranopia

A7A3CA

9694A6

E8E8C1

C4C3A6

908F7B

Tritanopia

93CBCB

8CA6A6

E7C9CC

BFAEB0

8D8082

Achromatopsia

BBBBBB

9F9F9F

E2E2E2

C3C3C3

8F8F8F

Shades & Tints Shades & Tints

#90CEC8

Dark

Light

#8BA8A5

Dark

Light

#E7EAB0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90cec8;
  --color-2: #8ba8a5;
  --color-3: #e7eab0;
  --color-4: #bece95;
  --color-5: #8c976f;
}

SCSS

$color-1: #90cec8;
$color-2: #8ba8a5;
$color-3: #e7eab0;
$color-4: #bece95;
$color-5: #8c976f;

TAILWIND

colors: {
  'brand-1': '#90cec8',
  'brand-2': '#8ba8a5',
  'brand-3': '#e7eab0',
  'brand-4': '#bece95',
  'brand-5': '#8c976f',
}

RGB Array

[144, 206, 200], [139, 168, 165], [231, 234, 176], [190, 206, 149], [140, 151, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #90CEC8, #8BA8A5, #E7EAB0, #BECE95, #8C976F 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: #90cec8; --color-2: #8ba8a5; --color-3: #e7eab0; --color-4: #bece95; --color-5: #8c976f. 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