← Back to Editor

#BAB95D · #4A4437 · #3D8167 · #60A68B · #C6BF90

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

#BAB95D

Autumn Sage · Tan · Sunflower

HEX
#BAB95D
RGB
rgb(186, 185, 93)
HSL
hsl(59, 40%, 55%)
HSB
hsb(59, 50%, 73%)
CMYK
cmyk(0%, 1%, 50%, 27%)
Oklch
oklch(76.7% 0.115 108.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#4A4437

Ochre · DarkSlateGray · Amber Gold

HEX
#4A4437
RGB
rgb(74, 68, 55)
HSL
hsl(41, 15%, 25%)
HSB
hsb(41, 26%, 29%)
CMYK
cmyk(0%, 8%, 26%, 71%)
Oklch
oklch(38.9% 0.023 86.2)

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

#3D8167

Mineral Blue · SeaGreen · Forest Green

HEX
#3D8167
RGB
rgb(61, 129, 103)
HSL
hsl(157, 36%, 37%)
HSB
hsb(157, 53%, 51%)
CMYK
cmyk(53%, 0%, 20%, 49%)
Oklch
oklch(55.1% 0.081 166.1)

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

#60A68B

Mineral Blue · CadetBlue · Olive Green

HEX
#60A68B
RGB
rgb(96, 166, 139)
HSL
hsl(157, 28%, 51%)
HSB
hsb(157, 42%, 65%)
CMYK
cmyk(42%, 0%, 16%, 35%)
Oklch
oklch(67.1% 0.082 167.1)

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

#C6BF90

Fresh Green · Tan · Sunflower

HEX
#C6BF90
RGB
rgb(198, 191, 144)
HSL
hsl(52, 32%, 67%)
HSB
hsb(52, 27%, 78%)
CMYK
cmyk(0%, 4%, 27%, 22%)
Oklch
oklch(79.9% 0.063 100.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAB95D
5E60BA

Analogous

BA8B5E
BAB95D
8EBA5E

Triadic

BAB95D
5EBAB9
B95EBA

Split-Comp.

BAB95D
5E8EBA
8B5EBA

Tetradic

BAB95D
5EBA8B
5E60BA
BA5E8E

Contrast Matrix WCAG 2.1 Contrast

BAB95D
4A4437
3D8167
60A68B
C6BF90
—
4.7
AA
2.2
Fail
1.4
Fail
1.1
Fail
4.7
AA
—
2.1
Fail
3.4
AA Large
5.2
AA
2.2
Fail
2.1
Fail
—
1.6
Fail
2.5
Fail
1.4
Fail
3.4
AA Large
1.6
Fail
—
1.5
Fail
1.1
Fail
5.2
AA
2.5
Fail
1.5
Fail
—
White BG
2.1Fail
9.7AAA
4.6AA
2.9Fail
1.9Fail
Black BG
10.2AAA
2.2Fail
4.5AA
7.3AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABA73
47473A
5A5B6D
7E7F92
C3C39B

Deuteranopia

BABA79
48483B
57516F
7A7593
C3C49E

Tritanopia

BA8589
4A3D3D
407273
639798
C6A4A6

Achromatopsia

AFAFAF
444444
6A6A6A
8E8E8E
BCBCBC

Shades & Tints Shades & Tints

#BAB95D

Dark
Light

#4A4437

Dark
Light

#3D8167

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bab95d;
  --color-2: #4a4437;
  --color-3: #3d8167;
  --color-4: #60a68b;
  --color-5: #c6bf90;
}

SCSS

$color-1: #bab95d;
$color-2: #4a4437;
$color-3: #3d8167;
$color-4: #60a68b;
$color-5: #c6bf90;

TAILWIND

colors: {
  'brand-1': '#bab95d',
  'brand-2': '#4a4437',
  'brand-3': '#3d8167',
  'brand-4': '#60a68b',
  'brand-5': '#c6bf90',
}

RGB Array

[186, 185, 93], [74, 68, 55], [61, 129, 103], [96, 166, 139], [198, 191, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #BAB95D, #4A4437, #3D8167, #60A68B, #C6BF90 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: #bab95d; --color-2: #4a4437; --color-3: #3d8167; --color-4: #60a68b; --color-5: #c6bf90. 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