← Back to Editor

#716A44 · #625138 · #373F32 · #3A594E · #224F46

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#716A44

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#716A44
RGB
rgb(113, 106, 68)
HSL
hsl(51, 25%, 35%)
HSB
hsb(51, 40%, 44%)
CMYK
cmyk(0%, 6%, 40%, 56%)
Oklch
oklch(52.1% 0.056 99.1)

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

#625138

Ochre · DarkOliveGreen · Amber Brown

HEX
#625138
RGB
rgb(98, 81, 56)
HSL
hsl(36, 27%, 30%)
HSB
hsb(36, 43%, 38%)
CMYK
cmyk(0%, 17%, 43%, 62%)
Oklch
oklch(44.5% 0.044 76.8)

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

#373F32

Celadon · DarkSlateGray · Forest Green

HEX
#373F32
RGB
rgb(55, 63, 50)
HSL
hsl(97, 12%, 22%)
HSB
hsb(97, 21%, 25%)
CMYK
cmyk(13%, 0%, 21%, 75%)
Oklch
oklch(35.6% 0.024 133.4)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#3A594E

Mineral Blue · DarkSlateGray · Forest Green

HEX
#3A594E
RGB
rgb(58, 89, 78)
HSL
hsl(159, 21%, 29%)
HSB
hsb(159, 35%, 35%)
CMYK
cmyk(35%, 0%, 12%, 65%)
Oklch
oklch(43.6% 0.041 170.1)

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

#224F46

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#224F46
RGB
rgb(34, 79, 70)
HSL
hsl(168, 40%, 22%)
HSB
hsb(168, 57%, 31%)
CMYK
cmyk(57%, 0%, 11%, 69%)
Oklch
oklch(39.3% 0.052 178.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

716A44
434A70

Analogous

705343
716A44
607043

Triadic

716A44
437069
694370

Split-Comp.

716A44
436070
534370

Tetradic

716A44
437053
434A70
704360

Contrast Matrix WCAG 2.1 Contrast

716A44
625138
373F32
3A594E
224F46
—
1.4
Fail
2.0
Fail
1.4
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
1.0
Fail
1.2
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
1.2
Fail
1.4
Fail
1.0
Fail
1.4
Fail
—
1.2
Fail
1.7
Fail
1.2
Fail
1.2
Fail
1.2
Fail
—
White BG
5.5AA
7.6AAA
10.9AAA
7.7AAA
9.2AAA
Black BG
3.8AA Large
2.8Fail
1.9Fail
2.7Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E4D
5B5A3E
3A3B35
474851
353648

Deuteranopia

6E6F4F
5C5D40
3A3936
464351
333049

Tritanopia

715456
614344
373838
3C5353
244A4A

Achromatopsia

686868
535353
3B3B3B
4E4E4E
414141

Shades & Tints Shades & Tints

#716A44

Dark
Light

#625138

Dark
Light

#373F32

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #716a44;
  --color-2: #625138;
  --color-3: #373f32;
  --color-4: #3a594e;
  --color-5: #224f46;
}

SCSS

$color-1: #716a44;
$color-2: #625138;
$color-3: #373f32;
$color-4: #3a594e;
$color-5: #224f46;

TAILWIND

colors: {
  'brand-1': '#716a44',
  'brand-2': '#625138',
  'brand-3': '#373f32',
  'brand-4': '#3a594e',
  'brand-5': '#224f46',
}

RGB Array

[113, 106, 68], [98, 81, 56], [55, 63, 50], [58, 89, 78], [34, 79, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #716A44, #625138, #373F32, #3A594E, #224F46 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #716a44; --color-2: #625138; --color-3: #373f32; --color-4: #3a594e; --color-5: #224f46. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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