← Back to Editor

#957C7F · #AFA1A1 · #B2B6B5 · #C2E2D7 · #D8E2D9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#957C7F

Crimson · Gray · Passion Red

HEX
#957C7F
RGB
rgb(149, 124, 127)
HSL
hsl(353, 11%, 54%)
HSB
hsb(353, 17%, 58%)
CMYK
cmyk(0%, 17%, 15%, 42%)
Oklch
oklch(61.1% 0.031 9.9)

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

#AFA1A1

Peach Pink · DarkGray · Silver Sand

HEX
#AFA1A1
RGB
rgb(175, 161, 161)
HSL
hsl(0, 8%, 66%)
HSB
hsb(0, 8%, 69%)
CMYK
cmyk(0%, 8%, 8%, 31%)
Oklch
oklch(72.1% 0.016 17.5)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#B2B6B5

Silver Gray · DarkGray · Pearl Gray

HEX
#B2B6B5
RGB
rgb(178, 182, 181)
HSL
hsl(165, 3%, 71%)
HSB
hsb(165, 2%, 71%)
CMYK
cmyk(2%, 0%, 1%, 29%)
Oklch
oklch(77.3% 0.005 179.7)

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

#C2E2D7

Jade · LightGray · Mint Green

HEX
#C2E2D7
RGB
rgb(194, 226, 215)
HSL
hsl(159, 36%, 82%)
HSB
hsb(159, 14%, 89%)
CMYK
cmyk(14%, 0%, 5%, 11%)
Oklch
oklch(88.6% 0.037 172.7)

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

#D8E2D9

Celadon · LightGray · Mint Green

HEX
#D8E2D9
RGB
rgb(216, 226, 217)
HSL
hsl(126, 15%, 87%)
HSB
hsb(126, 4%, 89%)
CMYK
cmyk(4%, 0%, 4%, 11%)
Oklch
oklch(90.3% 0.016 148.4)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

957C7F
7D9794

Analogous

977D8D
957C7F
97877D

Triadic

957C7F
80977D
7D8097

Split-Comp.

957C7F
7D9787
7D8D97

Tetradic

957C7F
8D977D
7D9794
877D97

Contrast Matrix WCAG 2.1 Contrast

957C7F
AFA1A1
B2B6B5
C2E2D7
D8E2D9
—
1.5
Fail
1.9
Fail
2.8
Fail
2.9
Fail
1.5
Fail
—
1.2
Fail
1.8
Fail
1.9
Fail
1.9
Fail
1.2
Fail
—
1.5
Fail
1.5
Fail
2.8
Fail
1.8
Fail
1.5
Fail
—
1.0
Fail
2.9
Fail
1.9
Fail
1.5
Fail
1.0
Fail
—
White BG
3.8AA Large
2.5Fail
2.0Fail
1.4Fail
1.3Fail
Black BG
5.5AA
8.4AAA
10.3AAA
15.2AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A7E
A9A9A1
B4B4B5
D0D0DA
DCDCDB

Deuteranopia

8C8E7E
AAABA1
B4B3B5
CECCDA
DCDBDC

Tritanopia

947E7E
AEA1A1
B2B5B5
C4DCDC
D9DDDD

Achromatopsia

848484
A5A5A5
B5B5B5
D7D7D7
DEDEDE

Shades & Tints Shades & Tints

#957C7F

Dark
Light

#AFA1A1

Dark
Light

#B2B6B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #957c7f;
  --color-2: #afa1a1;
  --color-3: #b2b6b5;
  --color-4: #c2e2d7;
  --color-5: #d8e2d9;
}

SCSS

$color-1: #957c7f;
$color-2: #afa1a1;
$color-3: #b2b6b5;
$color-4: #c2e2d7;
$color-5: #d8e2d9;

TAILWIND

colors: {
  'brand-1': '#957c7f',
  'brand-2': '#afa1a1',
  'brand-3': '#b2b6b5',
  'brand-4': '#c2e2d7',
  'brand-5': '#d8e2d9',
}

RGB Array

[149, 124, 127], [175, 161, 161], [178, 182, 181], [194, 226, 215], [216, 226, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #957C7F, #AFA1A1, #B2B6B5, #C2E2D7, #D8E2D9 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: #957c7f; --color-2: #afa1a1; --color-3: #b2b6b5; --color-4: #c2e2d7; --color-5: #d8e2d9. 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 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