← Back to Editor

#555746 · #A3A68B · #E2FF0A · #C8E010 · #292E04

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#555746

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#555746
RGB
rgb(85, 87, 70)
HSL
hsl(67, 11%, 31%)
HSB
hsb(67, 20%, 34%)
CMYK
cmyk(2%, 0%, 20%, 66%)
Oklch
oklch(45.0% 0.027 112.9)

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

#A3A68B

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A3A68B
RGB
rgb(163, 166, 139)
HSL
hsl(67, 13%, 60%)
HSB
hsb(67, 16%, 65%)
CMYK
cmyk(2%, 0%, 16%, 35%)
Oklch
oklch(71.5% 0.038 112.5)

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

#E2FF0A

Autumn Sage · Yellow · Sunflower

HEX
#E2FF0A
RGB
rgb(226, 255, 10)
HSL
hsl(67, 100%, 52%)
HSB
hsb(67, 96%, 100%)
CMYK
cmyk(11%, 0%, 96%, 0%)
Oklch
oklch(94.6% 0.219 117.8)

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

#C8E010

Autumn Sage · GreenYellow · Honey Gold

HEX
#C8E010
RGB
rgb(200, 224, 16)
HSL
hsl(67, 87%, 47%)
HSB
hsb(67, 93%, 88%)
CMYK
cmyk(11%, 0%, 93%, 12%)
Oklch
oklch(85.9% 0.196 117.3)

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

#292E04

Autumn Sage · Black · Amber Gold

HEX
#292E04
RGB
rgb(41, 46, 4)
HSL
hsl(67, 84%, 10%)
HSB
hsb(67, 91%, 18%)
CMYK
cmyk(11%, 0%, 91%, 82%)
Oklch
oklch(28.7% 0.061 116.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

555746
484658

Analogous

585146
555746
4D5846

Triadic

555746
465658
584656

Split-Comp.

555746
464D58
514658

Tetradic

555746
465851
484658
58464D

Contrast Matrix WCAG 2.1 Contrast

555746
A3A68B
E2FF0A
C8E010
292E04
—
3.0
Fail
6.5
AA
5.0
AA
1.9
Fail
3.0
Fail
—
2.2
Fail
1.7
Fail
5.6
AA
6.5
AA
2.2
Fail
—
1.3
Fail
12.5
AAA
5.0
AA
1.7
Fail
1.3
Fail
—
9.5
AAA
1.9
Fail
5.6
AA
12.5
AAA
9.5
AAA
—
White BG
7.4AAA
2.5Fail
1.1Fail
1.5Fail
14.1AAA
Black BG
2.8Fail
8.4AAA
18.5AAA
14.1AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

56564A
A4A492
EFEF45
D2D342
2B2B0E

Deuteranopia

56564B
A4A493
EDEB54
D1CF4E
2B2B11

Tritanopia

554D4E
A39798
E3747E
C96A73
291618

Achromatopsia

545454
A2A2A2
DADADA
C1C1C1
282828

Shades & Tints Shades & Tints

#555746

Dark
Light

#A3A68B

Dark
Light

#E2FF0A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #555746;
  --color-2: #a3a68b;
  --color-3: #e2ff0a;
  --color-4: #c8e010;
  --color-5: #292e04;
}

SCSS

$color-1: #555746;
$color-2: #a3a68b;
$color-3: #e2ff0a;
$color-4: #c8e010;
$color-5: #292e04;

TAILWIND

colors: {
  'brand-1': '#555746',
  'brand-2': '#a3a68b',
  'brand-3': '#e2ff0a',
  'brand-4': '#c8e010',
  'brand-5': '#292e04',
}

RGB Array

[85, 87, 70], [163, 166, 139], [226, 255, 10], [200, 224, 16], [41, 46, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #555746, #A3A68B, #E2FF0A, #C8E010, #292E04 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: #555746; --color-2: #a3a68b; --color-3: #e2ff0a; --color-4: #c8e010; --color-5: #292e04. 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