#757573 + #97C6B7 + #B4BBA2 + #D3AD99 + #EA9F91 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#757573

Ink Gray · DimGray · Warm Gray

HEX

#757573

RGB

rgb(117, 117, 115)

HSL

hsl(60, 1%, 45%)

HSB

hsb(60, 2%, 46%)

CMYK

cmyk(0%, 0%, 2%, 54%)

Oklch

oklch(56.2% 0.003 106.5)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#97C6B7

Jade · DarkGray · Lake Green

HEX

#97C6B7

RGB

rgb(151, 198, 183)

HSL

hsl(161, 29%, 68%)

HSB

hsb(161, 24%, 78%)

CMYK

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

Oklch

oklch(78.9% 0.054 173.3)

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

#B4BBA2

Willow Green · DarkGray · Apple Green

HEX

#B4BBA2

RGB

rgb(180, 187, 162)

HSL

hsl(77, 16%, 68%)

HSB

hsb(77, 13%, 73%)

CMYK

cmyk(4%, 0%, 13%, 27%)

Oklch

oklch(78.0% 0.035 119.9)

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

#D3AD99

Apricot · Tan · Warm Sun

HEX

#D3AD99

RGB

rgb(211, 173, 153)

HSL

hsl(21, 40%, 71%)

HSB

hsb(21, 27%, 83%)

CMYK

cmyk(0%, 18%, 27%, 17%)

Oklch

oklch(77.6% 0.053 49.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EA9F91

Peach Pink · DarkSalmon · Coral Red

HEX

#EA9F91

RGB

rgb(234, 159, 145)

HSL

hsl(9, 68%, 74%)

HSB

hsb(9, 38%, 92%)

CMYK

cmyk(0%, 32%, 38%, 8%)

Oklch

oklch(77.2% 0.093 31.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

757573

727274

Analogous

747372

757573

737472

Triadic

757573

727474

747274

Split-Comp.

757573

727374

737274

Tetradic

757573

727473

727274

747273

Contrast Matrix WCAG 2.1 Contrast

757573	97C6B7	B4BBA2	D3AD99	EA9F91
—	2.4 Fail	2.3 Fail	2.2 Fail	2.2 Fail
2.4 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
2.3 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
2.2 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
2.2 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

4.6AA

1.9Fail

2.0Fail

2.1Fail

Black BG

4.5AA

11.1AAA

10.6AAA

10.2AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757573

ABACBB

B7B7A8

C3C29E

CAC994

Deuteranopia

757574

A9A5BC

B7B6AA

C5C89F

CED395

Tritanopia

757474

99BDBE

B4ADAE

D1A2A3

E69798

Achromatopsia

757575

B6B6B6

B4B4B4

Shades & Tints Shades & Tints

#757573

Dark

Light

#97C6B7

Dark

Light

#B4BBA2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #757573;
  --color-2: #97c6b7;
  --color-3: #b4bba2;
  --color-4: #d3ad99;
  --color-5: #ea9f91;
}

SCSS

$color-1: #757573;
$color-2: #97c6b7;
$color-3: #b4bba2;
$color-4: #d3ad99;
$color-5: #ea9f91;

TAILWIND

colors: {
  'brand-1': '#757573',
  'brand-2': '#97c6b7',
  'brand-3': '#b4bba2',
  'brand-4': '#d3ad99',
  'brand-5': '#ea9f91',
}

RGB Array

[117, 117, 115], [151, 198, 183], [180, 187, 162], [211, 173, 153], [234, 159, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #757573, #97C6B7, #B4BBA2, #D3AD99, #EA9F91 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: #757573; --color-2: #97c6b7; --color-3: #b4bba2; --color-4: #d3ad99; --color-5: #ea9f91. 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