← Back to Editor

#C8AA93 · #94807D · #766770 · #344164 · #C8AA93

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 Library

Color Details Color Details

#C8AA93

Apricot · Tan · Warm Sun

HEX
#C8AA93
RGB
rgb(200, 170, 147)
HSL
hsl(26, 33%, 68%)
HSB
hsb(26, 27%, 78%)
CMYK
cmyk(0%, 15%, 27%, 22%)
Oklch
oklch(75.8% 0.047 59.5)

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

#94807D

Crimson · Gray · Passion Red

HEX
#94807D
RGB
rgb(148, 128, 125)
HSL
hsl(8, 10%, 54%)
HSB
hsb(8, 16%, 58%)
CMYK
cmyk(0%, 14%, 16%, 42%)
Oklch
oklch(61.7% 0.025 27.9)

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

#766770

Ink Gray · DimGray · Warm Gray

HEX
#766770
RGB
rgb(118, 103, 112)
HSL
hsl(324, 7%, 43%)
HSB
hsb(324, 13%, 46%)
CMYK
cmyk(0%, 13%, 5%, 54%)
Oklch
oklch(53.1% 0.023 341.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#344164

Indigo · DarkSlateGray · Prussian Blue

HEX
#344164
RGB
rgb(52, 65, 100)
HSL
hsl(224, 32%, 30%)
HSB
hsb(224, 48%, 39%)
CMYK
cmyk(48%, 35%, 0%, 61%)
Oklch
oklch(38.0% 0.063 267.9)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#C8AA93

Apricot · Tan · Warm Sun

HEX
#C8AA93
RGB
rgb(200, 170, 147)
HSL
hsl(26, 33%, 68%)
HSB
hsb(26, 27%, 78%)
CMYK
cmyk(0%, 15%, 27%, 22%)
Oklch
oklch(75.8% 0.047 59.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8AA93
92B1C8

Analogous

C89296
C8AA93
C8C592

Triadic

C8AA93
92C8AA
AA92C8

Split-Comp.

C8AA93
92C8C5
9296C8

Tetradic

C8AA93
96C892
92B1C8
C592C8

Contrast Matrix WCAG 2.1 Contrast

C8AA93
94807D
766770
344164
C8AA93
—
1.7
Fail
2.4
Fail
4.6
AA
—
1.7
Fail
—
1.4
Fail
2.7
Fail
1.7
Fail
2.4
Fail
1.4
Fail
—
1.9
Fail
2.4
Fail
4.6
AA
2.7
Fail
1.9
Fail
—
4.6
AA
—
1.7
Fail
2.4
Fail
4.6
AA
—
White BG
2.2Fail
3.7AA Large
5.3AA
10.1AAA
2.2Fail
Black BG
9.6AAA
5.6AA
3.9AA Large
2.1Fail
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBB99
8B8B7E
706F6E
3A3A5C
BBBB99

Deuteranopia

BDBF9A
8D8E7E
70726D
39385A
BDBF9A

Tritanopia

C79D9E
937E7E
756C6C
355553
C79D9E

Achromatopsia

B0B0B0
868686
6D6D6D
414141
B0B0B0

Shades & Tints Shades & Tints

#C8AA93

Dark
Light

#94807D

Dark
Light

#766770

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8aa93;
  --color-2: #94807d;
  --color-3: #766770;
  --color-4: #344164;
  --color-5: #c8aa93;
}

SCSS

$color-1: #c8aa93;
$color-2: #94807d;
$color-3: #766770;
$color-4: #344164;
$color-5: #c8aa93;

TAILWIND

colors: {
  'brand-1': '#c8aa93',
  'brand-2': '#94807d',
  'brand-3': '#766770',
  'brand-4': '#344164',
  'brand-5': '#c8aa93',
}

RGB Array

[200, 170, 147], [148, 128, 125], [118, 103, 112], [52, 65, 100], [200, 170, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #C8AA93, #94807D, #766770, #344164, #C8AA93 is ideal for: brand design, premium product pages, magazine layouts. 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: #c8aa93; --color-2: #94807d; --color-3: #766770; --color-4: #344164; --color-5: #c8aa93. 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. 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