← Back to Editor

#CBD66E · #C2A16C · #A56D60 · #876866 · #68666B

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

#CBD66E

Fresh Green · BurlyWood · Sunflower

HEX
#CBD66E
RGB
rgb(203, 214, 110)
HSL
hsl(66, 56%, 64%)
HSB
hsb(66, 49%, 84%)
CMYK
cmyk(5%, 0%, 49%, 16%)
Oklch
oklch(84.6% 0.129 114.2)

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

#C2A16C

Ginger · Tan · Warm Sun

HEX
#C2A16C
RGB
rgb(194, 161, 108)
HSL
hsl(37, 41%, 59%)
HSB
hsb(37, 44%, 76%)
CMYK
cmyk(0%, 17%, 44%, 24%)
Oklch
oklch(72.7% 0.080 78.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#A56D60

Crimson · Gray · Passion Red

HEX
#A56D60
RGB
rgb(165, 109, 96)
HSL
hsl(11, 28%, 51%)
HSB
hsb(11, 42%, 65%)
CMYK
cmyk(0%, 34%, 42%, 35%)
Oklch
oklch(59.0% 0.075 33.7)

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

#876866

Crimson · DimGray · Passion Red

HEX
#876866
RGB
rgb(135, 104, 102)
HSL
hsl(4, 14%, 46%)
HSB
hsb(4, 24%, 53%)
CMYK
cmyk(0%, 23%, 24%, 47%)
Oklch
oklch(54.8% 0.040 22.7)

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

#68666B

Ink Gray · DimGray · Warm Gray

HEX
#68666B
RGB
rgb(104, 102, 107)
HSL
hsl(264, 2%, 41%)
HSB
hsb(264, 5%, 42%)
CMYK
cmyk(3%, 5%, 0%, 58%)
Oklch
oklch(51.4% 0.008 304.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD66E
7A70D7

Analogous

D7AD70
CBD66E
99D770

Triadic

CBD66E
70CCD7
D770CC

Split-Comp.

CBD66E
7099D7
AD70D7

Tetradic

CBD66E
70D7AD
7A70D7
D77099

Contrast Matrix WCAG 2.1 Contrast

CBD66E
C2A16C
A56D60
876866
68666B
—
1.6
Fail
2.7
Fail
3.2
AA Large
3.6
AA Large
1.6
Fail
—
1.7
Fail
2.0
Fail
2.3
Fail
2.7
Fail
1.7
Fail
—
1.2
Fail
1.3
Fail
3.2
AA Large
2.0
Fail
1.2
Fail
—
1.1
Fail
3.6
AA Large
2.3
Fail
1.3
Fail
1.1
Fail
—
White BG
1.6Fail
2.4Fail
4.2AA Large
5.0AA
5.7AA
Black BG
13.4AAA
8.6AAA
5.0AA
4.2AA Large
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D087
B4B379
8D8C63
7A7966
67676A

Deuteranopia

CFCE8D
B6B87C
909464
7B7E67
676769

Tritanopia

CC9B9F
C08385
A26666
856767
686969

Achromatopsia

C7C7C7
A5A5A5
7C7C7C
717171
676767

Shades & Tints Shades & Tints

#CBD66E

Dark
Light

#C2A16C

Dark
Light

#A56D60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd66e;
  --color-2: #c2a16c;
  --color-3: #a56d60;
  --color-4: #876866;
  --color-5: #68666b;
}

SCSS

$color-1: #cbd66e;
$color-2: #c2a16c;
$color-3: #a56d60;
$color-4: #876866;
$color-5: #68666b;

TAILWIND

colors: {
  'brand-1': '#cbd66e',
  'brand-2': '#c2a16c',
  'brand-3': '#a56d60',
  'brand-4': '#876866',
  'brand-5': '#68666b',
}

RGB Array

[203, 214, 110], [194, 161, 108], [165, 109, 96], [135, 104, 102], [104, 102, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CBD66E, #C2A16C, #A56D60, #876866, #68666B 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: #cbd66e; --color-2: #c2a16c; --color-3: #a56d60; --color-4: #876866; --color-5: #68666b. 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