← Back to Editor

#32512F · #4D7550 · #2A2802 · #F5F0AE · #C0A61E

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

#32512F

Celadon · DarkSlateGray · Forest Green

HEX
#32512F
RGB
rgb(50, 81, 47)
HSL
hsl(115, 27%, 25%)
HSB
hsb(115, 42%, 32%)
CMYK
cmyk(38%, 0%, 42%, 68%)
Oklch
oklch(40.1% 0.067 142.2)

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

#4D7550

Celadon · DarkOliveGreen · Forest Green

HEX
#4D7550
RGB
rgb(77, 117, 80)
HSL
hsl(125, 21%, 38%)
HSB
hsb(125, 34%, 46%)
CMYK
cmyk(34%, 0%, 32%, 54%)
Oklch
oklch(52.2% 0.073 146.2)

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

#2A2802

Autumn Sage · Black · Amber Gold

HEX
#2A2802
RGB
rgb(42, 40, 2)
HSL
hsl(57, 91%, 9%)
HSB
hsb(57, 95%, 16%)
CMYK
cmyk(0%, 5%, 95%, 84%)
Oklch
oklch(27.0% 0.055 106.6)

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

#F5F0AE

Fresh Green · Wheat · Lemon Cream

HEX
#F5F0AE
RGB
rgb(245, 240, 174)
HSL
hsl(56, 78%, 82%)
HSB
hsb(56, 29%, 96%)
CMYK
cmyk(0%, 2%, 29%, 4%)
Oklch
oklch(94.4% 0.084 104.2)

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

#C0A61E

Autumn Sage · GoldenRod · Honey Gold

HEX
#C0A61E
RGB
rgb(192, 166, 30)
HSL
hsl(50, 73%, 44%)
HSB
hsb(50, 84%, 75%)
CMYK
cmyk(0%, 14%, 84%, 25%)
Oklch
oklch(72.7% 0.143 97.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32512F
4E2F51

Analogous

43512F
32512F
2F513D

Triadic

32512F
2F3151
512F31

Split-Comp.

32512F
3D2F51
512F43

Tetradic

32512F
2F4351
4E2F51
513D2F

Contrast Matrix WCAG 2.1 Contrast

32512F
4D7550
2A2802
F5F0AE
C0A61E
—
1.7
Fail
1.7
Fail
7.6
AAA
3.7
AA Large
1.7
Fail
—
2.8
Fail
4.5
AA
2.2
Fail
1.7
Fail
2.8
Fail
—
12.8
AAA
6.2
AA
7.6
AAA
4.5
AA
12.8
AAA
—
2.1
Fail
3.7
AA Large
2.2
Fail
6.2
AA
2.1
Fail
—
White BG
8.9AAA
5.3AA
15.0AAA
1.2Fail
2.4Fail
Black BG
2.4Fail
4.0AA Large
1.4Fail
18.0AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F4037
5E5F59
29290B
F3F3BE
B5B53F

Deuteranopia

3E3B39
5C595B
29290D
F3F4C2
B6B847

Tritanopia

343E3F
4F6062
2A1214
F5CBCD
BF595F

Achromatopsia

444444
656565
242424
EAEAEA
9E9E9E

Shades & Tints Shades & Tints

#32512F

Dark
Light

#4D7550

Dark
Light

#2A2802

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32512f;
  --color-2: #4d7550;
  --color-3: #2a2802;
  --color-4: #f5f0ae;
  --color-5: #c0a61e;
}

SCSS

$color-1: #32512f;
$color-2: #4d7550;
$color-3: #2a2802;
$color-4: #f5f0ae;
$color-5: #c0a61e;

TAILWIND

colors: {
  'brand-1': '#32512f',
  'brand-2': '#4d7550',
  'brand-3': '#2a2802',
  'brand-4': '#f5f0ae',
  'brand-5': '#c0a61e',
}

RGB Array

[50, 81, 47], [77, 117, 80], [42, 40, 2], [245, 240, 174], [192, 166, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #32512F, #4D7550, #2A2802, #F5F0AE, #C0A61E 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: #32512f; --color-2: #4d7550; --color-3: #2a2802; --color-4: #f5f0ae; --color-5: #c0a61e. 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