← Back to Editor

#2D291E · #949A2C · #464032 · #CACE60 · #9E8F70

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#2D291E

Ochre · DarkSlateGray · Amber Gold

HEX
#2D291E
RGB
rgb(45, 41, 30)
HSL
hsl(44, 20%, 15%)
HSB
hsb(44, 33%, 18%)
CMYK
cmyk(0%, 9%, 33%, 82%)
Oklch
oklch(28.2% 0.020 90.4)

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

#949A2C

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#949A2C
RGB
rgb(148, 154, 44)
HSL
hsl(63, 56%, 39%)
HSB
hsb(63, 71%, 60%)
CMYK
cmyk(4%, 0%, 71%, 40%)
Oklch
oklch(66.1% 0.130 112.5)

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

#464032

Ochre · DarkSlateGray · Amber Gold

HEX
#464032
RGB
rgb(70, 64, 50)
HSL
hsl(42, 17%, 24%)
HSB
hsb(42, 29%, 27%)
CMYK
cmyk(0%, 9%, 29%, 73%)
Oklch
oklch(37.3% 0.024 87.6)

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

#CACE60

Autumn Sage · BurlyWood · Sunflower

HEX
#CACE60
RGB
rgb(202, 206, 96)
HSL
hsl(62, 53%, 59%)
HSB
hsb(62, 53%, 81%)
CMYK
cmyk(2%, 0%, 53%, 19%)
Oklch
oklch(82.6% 0.134 110.9)

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

#9E8F70

Ginger · Gray · Sunflower

HEX
#9E8F70
RGB
rgb(158, 143, 112)
HSL
hsl(40, 19%, 53%)
HSB
hsb(40, 29%, 62%)
CMYK
cmyk(0%, 9%, 29%, 38%)
Oklch
oklch(65.5% 0.047 85.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D291E
1F232E

Analogous

2E221F
2D291E
2A2E1F

Triadic

2D291E
1F2E2A
2A1F2E

Split-Comp.

2D291E
1F2A2E
221F2E

Tetradic

2D291E
1F2E22
1F232E
2E1F2A

Contrast Matrix WCAG 2.1 Contrast

2D291E
949A2C
464032
CACE60
9E8F70
—
4.8
AA
1.4
Fail
8.6
AAA
4.6
AA
4.8
AA
—
3.4
AA Large
1.8
Fail
1.0
Fail
1.4
Fail
3.4
AA Large
—
6.1
AA
3.2
AA Large
8.6
AAA
1.8
Fail
6.1
AA
—
1.9
Fail
4.6
AA
1.0
Fail
3.2
AA Large
1.9
Fail
—
White BG
14.5AAA
3.0AA Large
10.3AAA
1.7Fail
3.2AA Large
Black BG
1.4Fail
6.9AA
2.0Fail
12.5AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B21
979747
434335
CCCC7B
989778

Deuteranopia

2C2C21
96964D
444436
CCCB81
989A79

Tritanopia

2D2323
945C60
463839
CA9094
9D7D7F

Achromatopsia

292929
8C8C8C
404040
C0C0C0
909090

Shades & Tints Shades & Tints

#2D291E

Dark
Light

#949A2C

Dark
Light

#464032

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d291e;
  --color-2: #949a2c;
  --color-3: #464032;
  --color-4: #cace60;
  --color-5: #9e8f70;
}

SCSS

$color-1: #2d291e;
$color-2: #949a2c;
$color-3: #464032;
$color-4: #cace60;
$color-5: #9e8f70;

TAILWIND

colors: {
  'brand-1': '#2d291e',
  'brand-2': '#949a2c',
  'brand-3': '#464032',
  'brand-4': '#cace60',
  'brand-5': '#9e8f70',
}

RGB Array

[45, 41, 30], [148, 154, 44], [70, 64, 50], [202, 206, 96], [158, 143, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2D291E, #949A2C, #464032, #CACE60, #9E8F70 is ideal for: tech websites, dark mode UIs, game UIs, 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: #2d291e; --color-2: #949a2c; --color-3: #464032; --color-4: #cace60; --color-5: #9e8f70. 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. 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 general-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