← Back to Editor

#D3CB9C · #596B6B · #B86E25 · #6A5334 · #303C52

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

#D3CB9C

Fresh Green · Tan · Sunflower

HEX
#D3CB9C
RGB
rgb(211, 203, 156)
HSL
hsl(51, 38%, 72%)
HSB
hsb(51, 26%, 83%)
CMYK
cmyk(0%, 4%, 26%, 17%)
Oklch
oklch(83.7% 0.063 99.5)

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

#596B6B

Slate Blue · DimGray · Charcoal

HEX
#596B6B
RGB
rgb(89, 107, 107)
HSL
hsl(180, 9%, 38%)
HSB
hsb(180, 17%, 42%)
CMYK
cmyk(17%, 0%, 0%, 58%)
Oklch
oklch(51.3% 0.022 196.5)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

#B86E25

Ochre · Chocolate · Amber Brown

HEX
#B86E25
RGB
rgb(184, 110, 37)
HSL
hsl(30, 67%, 43%)
HSB
hsb(30, 80%, 72%)
CMYK
cmyk(0%, 40%, 80%, 28%)
Oklch
oklch(60.8% 0.126 60.4)

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

#6A5334

Ochre · DarkOliveGreen · Amber Brown

HEX
#6A5334
RGB
rgb(106, 83, 52)
HSL
hsl(34, 34%, 31%)
HSB
hsb(34, 51%, 42%)
CMYK
cmyk(0%, 22%, 51%, 58%)
Oklch
oklch(45.8% 0.055 74.0)

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

#303C52

Indigo · DarkSlateGray · Prussian Blue

HEX
#303C52
RGB
rgb(48, 60, 82)
HSL
hsl(219, 26%, 25%)
HSB
hsb(219, 41%, 32%)
CMYK
cmyk(41%, 27%, 0%, 68%)
Oklch
oklch(35.5% 0.042 262.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3CB9C
9CA5D3

Analogous

D3AF9C
D3CB9C
C0D39C

Triadic

D3CB9C
9CD3CB
CB9CD3

Split-Comp.

D3CB9C
9CC0D3
AF9CD3

Tetradic

D3CB9C
9CD3AF
9CA5D3
D39CC0

Contrast Matrix WCAG 2.1 Contrast

D3CB9C
596B6B
B86E25
6A5334
303C52
—
3.4
AA Large
2.4
Fail
4.4
AA Large
6.8
AA
3.4
AA Large
—
1.4
Fail
1.3
Fail
2.0
Fail
2.4
Fail
1.4
Fail
—
1.8
Fail
2.8
Fail
4.4
AA Large
1.3
Fail
1.8
Fail
—
1.5
Fail
6.8
AA
2.0
Fail
2.8
Fail
1.5
Fail
—
White BG
1.6Fail
5.6AA
4.0AA Large
7.2AAA
11.1AAA
Black BG
12.8AAA
3.7AA Large
5.3AA
2.9Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CFA7
61616B
989737
60603C
35354D

Deuteranopia

D0D1AA
605E6B
9CA23B
61633D
35344B

Tritanopia

D3B0B2
5A6B6B
B44548
694143
314848

Achromatopsia

C8C8C8
666666
7C7C7C
565656
3B3B3B

Shades & Tints Shades & Tints

#D3CB9C

Dark
Light

#596B6B

Dark
Light

#B86E25

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3cb9c;
  --color-2: #596b6b;
  --color-3: #b86e25;
  --color-4: #6a5334;
  --color-5: #303c52;
}

SCSS

$color-1: #d3cb9c;
$color-2: #596b6b;
$color-3: #b86e25;
$color-4: #6a5334;
$color-5: #303c52;

TAILWIND

colors: {
  'brand-1': '#d3cb9c',
  'brand-2': '#596b6b',
  'brand-3': '#b86e25',
  'brand-4': '#6a5334',
  'brand-5': '#303c52',
}

RGB Array

[211, 203, 156], [89, 107, 107], [184, 110, 37], [106, 83, 52], [48, 60, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D3CB9C, #596B6B, #B86E25, #6A5334, #303C52 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: #d3cb9c; --color-2: #596b6b; --color-3: #b86e25; --color-4: #6a5334; --color-5: #303c52. 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