#C0B6BF + #C76266 + #8E7072 + #A8B081 + #ECC96D · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C0B6BF

Silver Gray · Silver · Pearl Gray

HEX

#C0B6BF

RGB

rgb(192, 182, 191)

HSL

hsl(306, 7%, 73%)

HSB

hsb(306, 5%, 75%)

CMYK

cmyk(0%, 5%, 1%, 25%)

Oklch

oklch(78.7% 0.017 328.8)

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

#C76266

Crimson · LightCoral · Passion Red

HEX

#C76266

RGB

rgb(199, 98, 102)

HSL

hsl(358, 47%, 58%)

HSB

hsb(358, 51%, 78%)

CMYK

cmyk(0%, 51%, 49%, 22%)

Oklch

oklch(61.8% 0.129 19.1)

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

#8E7072

Crimson · Gray · Passion Red

HEX

#8E7072

RGB

rgb(142, 112, 114)

HSL

hsl(356, 12%, 50%)

HSB

hsb(356, 21%, 56%)

CMYK

cmyk(0%, 21%, 20%, 44%)

Oklch

oklch(57.5% 0.038 13.8)

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

#A8B081

Grass Green · DarkSeaGreen · Olive Green

HEX

#A8B081

RGB

rgb(168, 176, 129)

HSL

hsl(70, 23%, 60%)

HSB

hsb(70, 27%, 69%)

CMYK

cmyk(5%, 0%, 27%, 31%)

Oklch

oklch(73.9% 0.065 115.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#ECC96D

Ginger · BurlyWood · Sunflower

HEX

#ECC96D

RGB

rgb(236, 201, 109)

HSL

hsl(43, 77%, 68%)

HSB

hsb(43, 54%, 93%)

CMYK

cmyk(0%, 15%, 54%, 7%)

Oklch

oklch(84.7% 0.118 89.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0B6BF

B5BFB6

Analogous

BBB5BF

C0B6BF

BFB5B9

Triadic

C0B6BF

BEBFB5

B5BEBF

Split-Comp.

C0B6BF

B9BFB5

B5BFBB

Tetradic

C0B6BF

BFBBB5

B5BFB6

B5B9BF

Contrast Matrix WCAG 2.1 Contrast

C0B6BF	C76266	8E7072	A8B081	ECC96D
—	2.0 Fail	2.3 Fail	1.2 Fail	1.2 Fail
2.0 Fail	—	1.1 Fail	1.7 Fail	2.4 Fail
2.3 Fail	1.1 Fail	—	2.0 Fail	2.8 Fail
1.2 Fail	1.7 Fail	2.0 Fail	—	1.4 Fail
1.2 Fail	2.4 Fail	2.8 Fail	1.4 Fail	—

White BG

2.0Fail

3.9AA Large

4.5AA Large

2.3Fail

1.6Fail

Black BG

10.7AAA

5.4AA

4.7AA

9.2AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCBD

9B9A65

818172

ABAC8C

DDDD83

Deuteranopia

BCBDBC

A1A965

838571

ABAA8F

DFE289

Tritanopia

BFBBBB

C26464

8D7171

A89597

EA9599

Achromatopsia

BABABA

818181

797979

A8A8A8

C9C9C9

Shades & Tints Shades & Tints

#C0B6BF

Dark

Light

#C76266

Dark

Light

#8E7072

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0b6bf;
  --color-2: #c76266;
  --color-3: #8e7072;
  --color-4: #a8b081;
  --color-5: #ecc96d;
}

SCSS

$color-1: #c0b6bf;
$color-2: #c76266;
$color-3: #8e7072;
$color-4: #a8b081;
$color-5: #ecc96d;

TAILWIND

colors: {
  'brand-1': '#c0b6bf',
  'brand-2': '#c76266',
  'brand-3': '#8e7072',
  'brand-4': '#a8b081',
  'brand-5': '#ecc96d',
}

RGB Array

[192, 182, 191], [199, 98, 102], [142, 112, 114], [168, 176, 129], [236, 201, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #C0B6BF, #C76266, #8E7072, #A8B081, #ECC96D is ideal for: corporate websites, product showcases, portfolios. 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: #c0b6bf; --color-2: #c76266; --color-3: #8e7072; --color-4: #a8b081; --color-5: #ecc96d. 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. 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