← Back to Editor

#A0A4A5 · #C2B8AE · #92654E · #8F1514 · #341D16

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A0A4A5

Ash · DarkGray · Silver Sand

HEX
#A0A4A5
RGB
rgb(160, 164, 165)
HSL
hsl(192, 3%, 64%)
HSB
hsb(192, 3%, 65%)
CMYK
cmyk(3%, 1%, 0%, 35%)
Oklch
oklch(71.6% 0.005 214.3)

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

#C2B8AE

Goose Yellow · Silver · Warm Sun

HEX
#C2B8AE
RGB
rgb(194, 184, 174)
HSL
hsl(30, 14%, 72%)
HSB
hsb(30, 10%, 76%)
CMYK
cmyk(0%, 5%, 10%, 24%)
Oklch
oklch(78.8% 0.018 67.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#92654E

Tangerine · Sienna · Amber Brown

HEX
#92654E
RGB
rgb(146, 101, 78)
HSL
hsl(20, 30%, 44%)
HSB
hsb(20, 47%, 57%)
CMYK
cmyk(0%, 31%, 47%, 43%)
Oklch
oklch(54.8% 0.068 47.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#8F1514

Vermilion · DarkRed · Wine Red

HEX
#8F1514
RGB
rgb(143, 21, 20)
HSL
hsl(0, 75%, 32%)
HSB
hsb(0, 86%, 56%)
CMYK
cmyk(0%, 85%, 86%, 44%)
Oklch
oklch(41.9% 0.156 27.6)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#341D16

Crimson · Black · Deep Berry

HEX
#341D16
RGB
rgb(52, 29, 22)
HSL
hsl(14, 41%, 15%)
HSB
hsb(14, 58%, 20%)
CMYK
cmyk(0%, 44%, 58%, 80%)
Oklch
oklch(25.9% 0.039 37.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0A4A5
A6A2A0

Analogous

A0A6A4
A0A4A5
A0A2A6

Triadic

A0A4A5
A6A0A5
A5A6A0

Split-Comp.

A0A4A5
A6A0A2
A6A4A0

Tetradic

A0A4A5
A4A0A6
A6A2A0
A2A6A0

Contrast Matrix WCAG 2.1 Contrast

A0A4A5
C2B8AE
92654E
8F1514
341D16
—
1.3
Fail
2.0
Fail
3.7
AA Large
6.3
AA
1.3
Fail
—
2.6
Fail
4.7
AA
8.1
AAA
2.0
Fail
2.6
Fail
—
1.8
Fail
3.1
AA Large
3.7
AA Large
4.7
AA
1.8
Fail
—
1.7
Fail
6.3
AA
8.1
AAA
3.1
AA Large
1.7
Fail
—
White BG
2.5Fail
2.0Fail
5.0AA
9.2AAA
15.7AAA
Black BG
8.3AAA
10.8AAA
4.2AA Large
2.3Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A2A5
BEBEB0
7F7E54
5A5914
2A2A18

Deuteranopia

A2A1A5
BEBFB1
818555
616A14
2B2D18

Tritanopia

A0A5A5
C1B2B3
905859
891414
331919

Achromatopsia

A3A3A3
BABABA
707070
393939
232323

Shades & Tints Shades & Tints

#A0A4A5

Dark
Light

#C2B8AE

Dark
Light

#92654E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0a4a5;
  --color-2: #c2b8ae;
  --color-3: #92654e;
  --color-4: #8f1514;
  --color-5: #341d16;
}

SCSS

$color-1: #a0a4a5;
$color-2: #c2b8ae;
$color-3: #92654e;
$color-4: #8f1514;
$color-5: #341d16;

TAILWIND

colors: {
  'brand-1': '#a0a4a5',
  'brand-2': '#c2b8ae',
  'brand-3': '#92654e',
  'brand-4': '#8f1514',
  'brand-5': '#341d16',
}

RGB Array

[160, 164, 165], [194, 184, 174], [146, 101, 78], [143, 21, 20], [52, 29, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #A0A4A5, #C2B8AE, #92654E, #8F1514, #341D16 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a0a4a5; --color-2: #c2b8ae; --color-3: #92654e; --color-4: #8f1514; --color-5: #341d16. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 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