← Back to Editor

#906060 · #C0A890 · #D8D8C0 · #A8A878 · #484830

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#906060

Crimson · DimGray · Passion Red

HEX
#906060
RGB
rgb(144, 96, 96)
HSL
hsl(0, 20%, 47%)
HSB
hsb(0, 33%, 56%)
CMYK
cmyk(0%, 33%, 33%, 44%)
Oklch
oklch(54.0% 0.063 19.3)

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

#C0A890

Ginger · Tan · Warm Sun

HEX
#C0A890
RGB
rgb(192, 168, 144)
HSL
hsl(30, 28%, 66%)
HSB
hsb(30, 25%, 75%)
CMYK
cmyk(0%, 13%, 25%, 25%)
Oklch
oklch(74.6% 0.044 67.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D8D8C0

Fresh Green · LightGray · Lemon Cream

HEX
#D8D8C0
RGB
rgb(216, 216, 192)
HSL
hsl(60, 24%, 80%)
HSB
hsb(60, 11%, 85%)
CMYK
cmyk(0%, 0%, 11%, 15%)
Oklch
oklch(87.6% 0.032 107.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#A8A878

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8A878
RGB
rgb(168, 168, 120)
HSL
hsl(60, 22%, 56%)
HSB
hsb(60, 29%, 66%)
CMYK
cmyk(0%, 0%, 29%, 34%)
Oklch
oklch(72.0% 0.066 107.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#484830

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#484830
RGB
rgb(72, 72, 48)
HSL
hsl(60, 20%, 24%)
HSB
hsb(60, 33%, 28%)
CMYK
cmyk(0%, 0%, 33%, 72%)
Oklch
oklch(39.5% 0.038 108.0)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

906060
609090

Analogous

906078
906060
907860

Triadic

906060
609060
606090

Split-Comp.

906060
609078
607890

Tetradic

906060
789060
609090
786090

Contrast Matrix WCAG 2.1 Contrast

906060
C0A890
D8D8C0
A8A878
484830
—
2.3
Fail
3.6
AA Large
2.1
Fail
1.8
Fail
2.3
Fail
—
1.6
Fail
1.1
Fail
4.1
AA Large
3.6
AA Large
1.6
Fail
—
1.7
Fail
6.5
AA
2.1
Fail
1.1
Fail
1.7
Fail
—
3.8
AA Large
1.8
Fail
4.1
AA Large
6.5
AA
3.8
AA Large
—
White BG
5.2AA
2.3Fail
1.4Fail
2.5Fail
9.4AAA
Black BG
4.0AA Large
9.2AAA
14.5AAA
8.5AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B60
B6B596
D8D8C6
A8A884
484836

Deuteranopia

7E8260
B7B997
D8D8C7
A8A886
484837

Tritanopia

8E6060
BF9A9B
D8CACB
A88D8F
483A3B

Achromatopsia

6E6E6E
ACACAC
D5D5D5
A3A3A3
454545

Shades & Tints Shades & Tints

#906060

Dark
Light

#C0A890

Dark
Light

#D8D8C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #906060;
  --color-2: #c0a890;
  --color-3: #d8d8c0;
  --color-4: #a8a878;
  --color-5: #484830;
}

SCSS

$color-1: #906060;
$color-2: #c0a890;
$color-3: #d8d8c0;
$color-4: #a8a878;
$color-5: #484830;

TAILWIND

colors: {
  'brand-1': '#906060',
  'brand-2': '#c0a890',
  'brand-3': '#d8d8c0',
  'brand-4': '#a8a878',
  'brand-5': '#484830',
}

RGB Array

[144, 96, 96], [192, 168, 144], [216, 216, 192], [168, 168, 120], [72, 72, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #906060, #C0A890, #D8D8C0, #A8A878, #484830 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #906060; --color-2: #c0a890; --color-3: #d8d8c0; --color-4: #a8a878; --color-5: #484830. 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. 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