← Back to Editor

#544F30 · #302827 · #C9543C · #FAE6BE · #39452D

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

#544F30

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#544F30
RGB
rgb(84, 79, 48)
HSL
hsl(52, 27%, 26%)
HSB
hsb(52, 43%, 33%)
CMYK
cmyk(0%, 6%, 43%, 67%)
Oklch
oklch(42.4% 0.047 100.2)

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

#302827

Crimson · DarkSlateGray · Deep Berry

HEX
#302827
RGB
rgb(48, 40, 39)
HSL
hsl(7, 10%, 17%)
HSB
hsb(7, 19%, 19%)
CMYK
cmyk(0%, 17%, 19%, 81%)
Oklch
oklch(28.5% 0.012 26.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#C9543C

Crimson · Chocolate · Passion Red

HEX
#C9543C
RGB
rgb(201, 84, 60)
HSL
hsl(10, 57%, 51%)
HSB
hsb(10, 70%, 79%)
CMYK
cmyk(0%, 58%, 70%, 21%)
Oklch
oklch(59.3% 0.155 33.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FAE6BE

Goose Yellow · Bisque · Lemon Cream

HEX
#FAE6BE
RGB
rgb(250, 230, 190)
HSL
hsl(40, 86%, 86%)
HSB
hsb(40, 24%, 98%)
CMYK
cmyk(0%, 8%, 24%, 2%)
Oklch
oklch(93.1% 0.056 84.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#39452D

Celadon · DarkSlateGray · Forest Green

HEX
#39452D
RGB
rgb(57, 69, 45)
HSL
hsl(90, 21%, 22%)
HSB
hsb(90, 35%, 27%)
CMYK
cmyk(17%, 0%, 35%, 73%)
Oklch
oklch(37.2% 0.042 129.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

544F30
303554

Analogous

543E30
544F30
475430

Triadic

544F30
30544F
4F3054

Split-Comp.

544F30
304754
3E3054

Tetradic

544F30
30543E
303554
543047

Contrast Matrix WCAG 2.1 Contrast

544F30
302827
C9543C
FAE6BE
39452D
—
1.7
Fail
1.9
Fail
6.7
AA
1.2
Fail
1.7
Fail
—
3.3
AA Large
11.7
AAA
1.4
Fail
1.9
Fail
3.3
AA Large
—
3.6
AA Large
2.3
Fail
6.7
AA
11.7
AAA
3.6
AA Large
—
8.3
AAA
1.2
Fail
1.4
Fail
2.3
Fail
8.3
AAA
—
White BG
8.3AAA
14.4AAA
4.4AA Large
1.2Fail
10.2AAA
Black BG
2.5Fail
1.5Fail
4.8AA
17.1AAA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

525238
2D2C27
969542
F1F1C8
3E3E33

Deuteranopia

525339
2D2E27
9DA643
F3F4CA
3E3D34

Tritanopia

543D3F
302727
C34647
F9CFD1
3A3738

Achromatopsia

4D4D4D
2A2A2A
747474
E7E7E7
3F3F3F

Shades & Tints Shades & Tints

#544F30

Dark
Light

#302827

Dark
Light

#C9543C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #544f30;
  --color-2: #302827;
  --color-3: #c9543c;
  --color-4: #fae6be;
  --color-5: #39452d;
}

SCSS

$color-1: #544f30;
$color-2: #302827;
$color-3: #c9543c;
$color-4: #fae6be;
$color-5: #39452d;

TAILWIND

colors: {
  'brand-1': '#544f30',
  'brand-2': '#302827',
  'brand-3': '#c9543c',
  'brand-4': '#fae6be',
  'brand-5': '#39452d',
}

RGB Array

[84, 79, 48], [48, 40, 39], [201, 84, 60], [250, 230, 190], [57, 69, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #544F30, #302827, #C9543C, #FAE6BE, #39452D 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: #544f30; --color-2: #302827; --color-3: #c9543c; --color-4: #fae6be; --color-5: #39452d. 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 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