← Back to Editor

#977473 · #AB8F8E · #C0AAA8 · #D4C5C2 · #E8E0DD

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#977473

Crimson · Gray · Passion Red

HEX
#977473
RGB
rgb(151, 116, 115)
HSL
hsl(2, 15%, 52%)
HSB
hsb(2, 24%, 59%)
CMYK
cmyk(0%, 23%, 24%, 41%)
Oklch
oklch(59.3% 0.044 20.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#AB8F8E

Peach Pink · DarkGray · Coral Red

HEX
#AB8F8E
RGB
rgb(171, 143, 142)
HSL
hsl(2, 15%, 61%)
HSB
hsb(2, 17%, 67%)
CMYK
cmyk(0%, 16%, 17%, 33%)
Oklch
oklch(67.5% 0.034 20.4)

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

#C0AAA8

Peach Pink · DarkGray · Coral Red

HEX
#C0AAA8
RGB
rgb(192, 170, 168)
HSL
hsl(5, 16%, 71%)
HSB
hsb(5, 13%, 75%)
CMYK
cmyk(0%, 11%, 13%, 25%)
Oklch
oklch(75.6% 0.026 23.9)

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

#D4C5C2

Peach Pink · Silver · Coral Red

HEX
#D4C5C2
RGB
rgb(212, 197, 194)
HSL
hsl(10, 17%, 80%)
HSB
hsb(10, 8%, 83%)
CMYK
cmyk(0%, 7%, 8%, 17%)
Oklch
oklch(83.5% 0.017 31.1)

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

#E8E0DD

Apricot · Beige · Peach Orange

HEX
#E8E0DD
RGB
rgb(232, 224, 221)
HSL
hsl(16, 19%, 89%)
HSB
hsb(16, 5%, 91%)
CMYK
cmyk(0%, 3%, 5%, 9%)
Oklch
oklch(91.2% 0.010 41.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

977473
729697

Analogous

977283
977473
978672

Triadic

977473
729773
737297

Split-Comp.

977473
729786
728397

Tetradic

977473
839772
729697
867297

Contrast Matrix WCAG 2.1 Contrast

977473
AB8F8E
C0AAA8
D4C5C2
E8E0DD
—
1.4
Fail
1.9
Fail
2.5
Fail
3.2
AA Large
1.4
Fail
—
1.4
Fail
1.8
Fail
2.3
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.5
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
3.2
AA Large
2.3
Fail
1.7
Fail
1.3
Fail
—
White BG
4.1AA Large
3.0Fail
2.2Fail
1.7Fail
1.3Fail
Black BG
5.1AA
7.1AAA
9.6AAA
12.6AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888873
9F9F8E
B6B6A8
CECDC3
E5E4DE

Deuteranopia

8A8D73
A1A38E
B8B9A9
CECFC3
E5E6DE

Tritanopia

957373
AA8E8E
BFA9A9
D3C3C3
E8DEDE

Achromatopsia

7E7E7E
979797
B0B0B0
C9C9C9
E2E2E2

Shades & Tints Shades & Tints

#977473

Dark
Light

#AB8F8E

Dark
Light

#C0AAA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #977473;
  --color-2: #ab8f8e;
  --color-3: #c0aaa8;
  --color-4: #d4c5c2;
  --color-5: #e8e0dd;
}

SCSS

$color-1: #977473;
$color-2: #ab8f8e;
$color-3: #c0aaa8;
$color-4: #d4c5c2;
$color-5: #e8e0dd;

TAILWIND

colors: {
  'brand-1': '#977473',
  'brand-2': '#ab8f8e',
  'brand-3': '#c0aaa8',
  'brand-4': '#d4c5c2',
  'brand-5': '#e8e0dd',
}

RGB Array

[151, 116, 115], [171, 143, 142], [192, 170, 168], [212, 197, 194], [232, 224, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #977473, #AB8F8E, #C0AAA8, #D4C5C2, #E8E0DD is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #977473; --color-2: #ab8f8e; --color-3: #c0aaa8; --color-4: #d4c5c2; --color-5: #e8e0dd. 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 cool-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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