← Back to Editor

#B32C06 · #D9C787 · #85531B · #2E2217 · #6DA690

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

#B32C06

Vermilion · FireBrick · Wine Red

HEX
#B32C06
RGB
rgb(179, 44, 6)
HSL
hsl(13, 94%, 36%)
HSB
hsb(13, 97%, 70%)
CMYK
cmyk(0%, 75%, 97%, 30%)
Oklch
oklch(50.5% 0.176 34.3)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#D9C787

Ginger · BurlyWood · Sunflower

HEX
#D9C787
RGB
rgb(217, 199, 135)
HSL
hsl(47, 52%, 69%)
HSB
hsb(47, 38%, 85%)
CMYK
cmyk(0%, 8%, 38%, 15%)
Oklch
oklch(83.0% 0.085 94.3)

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

#85531B

Ochre · Sienna · Amber Brown

HEX
#85531B
RGB
rgb(133, 83, 27)
HSL
hsl(32, 66%, 31%)
HSB
hsb(32, 80%, 52%)
CMYK
cmyk(0%, 38%, 80%, 48%)
Oklch
oklch(48.9% 0.096 64.5)

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

#2E2217

Tangerine · Black · Cinnamon

HEX
#2E2217
RGB
rgb(46, 34, 23)
HSL
hsl(29, 33%, 14%)
HSB
hsb(29, 50%, 18%)
CMYK
cmyk(0%, 26%, 50%, 82%)
Oklch
oklch(26.3% 0.027 63.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#6DA690

Mineral Blue · CadetBlue · Olive Green

HEX
#6DA690
RGB
rgb(109, 166, 144)
HSL
hsl(157, 24%, 54%)
HSB
hsb(157, 34%, 65%)
CMYK
cmyk(34%, 0%, 13%, 35%)
Oklch
oklch(67.9% 0.068 168.1)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B32C06
068DB2

Analogous

B20636
B32C06
B28106

Triadic

B32C06
06B22B
2B06B2

Split-Comp.

B32C06
06B281
0636B2

Tetradic

B32C06
36B206
068DB2
8106B2

Contrast Matrix WCAG 2.1 Contrast

B32C06
D9C787
85531B
2E2217
6DA690
—
3.8
AA Large
1.0
Fail
2.4
Fail
2.3
Fail
3.8
AA Large
—
3.8
AA Large
9.2
AAA
1.7
Fail
1.0
Fail
3.8
AA Large
—
2.4
Fail
2.3
Fail
2.4
Fail
9.2
AAA
2.4
Fail
—
5.5
AA
2.3
Fail
1.7
Fail
2.3
Fail
5.5
AA
—
White BG
6.4AA
1.7Fail
6.5AA
15.5AAA
2.8Fail
Black BG
3.3AA Large
12.5AAA
3.3AA Large
1.4Fail
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

79770F
D1D196
6F6F29
29291A
868695

Deuteranopia

808B11
D2D49A
72762C
2A2A1A
827E97

Tritanopia

AC1618
D8A3A5
833336
2D1C1C
709A9A

Achromatopsia

505050
C5C5C5
5C5C5C
242424
929292

Shades & Tints Shades & Tints

#B32C06

Dark
Light

#D9C787

Dark
Light

#85531B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b32c06;
  --color-2: #d9c787;
  --color-3: #85531b;
  --color-4: #2e2217;
  --color-5: #6da690;
}

SCSS

$color-1: #b32c06;
$color-2: #d9c787;
$color-3: #85531b;
$color-4: #2e2217;
$color-5: #6da690;

TAILWIND

colors: {
  'brand-1': '#b32c06',
  'brand-2': '#d9c787',
  'brand-3': '#85531b',
  'brand-4': '#2e2217',
  'brand-5': '#6da690',
}

RGB Array

[179, 44, 6], [217, 199, 135], [133, 83, 27], [46, 34, 23], [109, 166, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #B32C06, #D9C787, #85531B, #2E2217, #6DA690 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: #b32c06; --color-2: #d9c787; --color-3: #85531b; --color-4: #2e2217; --color-5: #6da690. 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