← Back to Editor

#97959A · #A8A6AA · #FFCE67 · #FF8080 · #C9BA98

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

#97959A

Ash · DarkGray · Silver Sand

HEX
#97959A
RGB
rgb(151, 149, 154)
HSL
hsl(264, 2%, 59%)
HSB
hsb(264, 3%, 60%)
CMYK
cmyk(2%, 3%, 0%, 40%)
Oklch
oklch(67.3% 0.008 304.2)

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

#A8A6AA

Ash · DarkGray · Silver Sand

HEX
#A8A6AA
RGB
rgb(168, 166, 170)
HSL
hsl(270, 2%, 66%)
HSB
hsb(270, 2%, 67%)
CMYK
cmyk(1%, 2%, 0%, 33%)
Oklch
oklch(72.8% 0.006 308.4)

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

#FFCE67

Ginger · SandyBrown · Sunflower

HEX
#FFCE67
RGB
rgb(255, 206, 103)
HSL
hsl(41, 100%, 70%)
HSB
hsb(41, 60%, 100%)
CMYK
cmyk(0%, 19%, 60%, 0%)
Oklch
oklch(87.5% 0.133 83.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FF8080

Peach Pink · Salmon · Coral Red

HEX
#FF8080
RGB
rgb(255, 128, 128)
HSL
hsl(0, 100%, 75%)
HSB
hsb(0, 50%, 100%)
CMYK
cmyk(0%, 50%, 50%, 0%)
Oklch
oklch(74.4% 0.155 21.5)

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

#C9BA98

Ginger · Tan · Sunflower

HEX
#C9BA98
RGB
rgb(201, 186, 152)
HSL
hsl(42, 31%, 69%)
HSB
hsb(42, 24%, 79%)
CMYK
cmyk(0%, 7%, 24%, 21%)
Oklch
oklch(79.3% 0.049 87.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

97959A
979994

Analogous

949599
97959A
989499

Triadic

97959A
999694
949996

Split-Comp.

97959A
999894
959994

Tetradic

97959A
999495
979994
949998

Contrast Matrix WCAG 2.1 Contrast

97959A
A8A6AA
FFCE67
FF8080
C9BA98
—
1.2
Fail
2.0
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
1.6
Fail
1.0
Fail
1.3
Fail
2.0
Fail
1.6
Fail
—
1.7
Fail
1.3
Fail
1.2
Fail
1.0
Fail
1.7
Fail
—
1.3
Fail
1.5
Fail
1.3
Fail
1.3
Fail
1.3
Fail
—
White BG
3.0Fail
2.4Fail
1.5Fail
2.4Fail
1.9Fail
Black BG
7.1AAA
8.7AAA
14.3AAA
8.7AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

969699
A7A7A9
EAE980
C8C780
C3C2A0

Deuteranopia

969699
A7A7A9
EDF086
CFD980
C3C5A2

Tritanopia

979898
A8A8A8
FD9498
F98080
C8A7A8

Achromatopsia

969696
A7A7A7
D1D1D1
A6A6A6
BBBBBB

Shades & Tints Shades & Tints

#97959A

Dark
Light

#A8A6AA

Dark
Light

#FFCE67

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #97959a;
  --color-2: #a8a6aa;
  --color-3: #ffce67;
  --color-4: #ff8080;
  --color-5: #c9ba98;
}

SCSS

$color-1: #97959a;
$color-2: #a8a6aa;
$color-3: #ffce67;
$color-4: #ff8080;
$color-5: #c9ba98;

TAILWIND

colors: {
  'brand-1': '#97959a',
  'brand-2': '#a8a6aa',
  'brand-3': '#ffce67',
  'brand-4': '#ff8080',
  'brand-5': '#c9ba98',
}

RGB Array

[151, 149, 154], [168, 166, 170], [255, 206, 103], [255, 128, 128], [201, 186, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #97959A, #A8A6AA, #FFCE67, #FF8080, #C9BA98 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: #97959a; --color-2: #a8a6aa; --color-3: #ffce67; --color-4: #ff8080; --color-5: #c9ba98. 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