← Back to Editor

#D79C56 · #D8A94D · #4E5F57 · #282917 · #0E0E06

A 5-color palette 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

#D79C56

Ginger · SandyBrown · Warm Sun

HEX
#D79C56
RGB
rgb(215, 156, 86)
HSL
hsl(33, 62%, 59%)
HSB
hsb(33, 60%, 84%)
CMYK
cmyk(0%, 27%, 60%, 16%)
Oklch
oklch(73.5% 0.112 69.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D8A94D

Ginger · SandyBrown · Sunflower

HEX
#D8A94D
RGB
rgb(216, 169, 77)
HSL
hsl(40, 64%, 57%)
HSB
hsb(40, 64%, 85%)
CMYK
cmyk(0%, 22%, 64%, 15%)
Oklch
oklch(76.1% 0.122 81.8)

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

#4E5F57

Mineral Blue · DimGray · Forest Green

HEX
#4E5F57
RGB
rgb(78, 95, 87)
HSL
hsl(152, 10%, 34%)
HSB
hsb(152, 18%, 37%)
CMYK
cmyk(18%, 0%, 8%, 63%)
Oklch
oklch(46.9% 0.024 165.2)

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

#282917

Autumn Sage · Black · Amber Gold

HEX
#282917
RGB
rgb(40, 41, 23)
HSL
hsl(63, 28%, 13%)
HSB
hsb(63, 44%, 16%)
CMYK
cmyk(2%, 0%, 44%, 84%)
Oklch
oklch(27.4% 0.031 111.0)

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

#0E0E06

Autumn Sage · Black · Amber Gold

HEX
#0E0E06
RGB
rgb(14, 14, 6)
HSL
hsl(60, 40%, 4%)
HSB
hsb(60, 57%, 5%)
CMYK
cmyk(0%, 0%, 57%, 95%)
Oklch
oklch(16.1% 0.017 108.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D79C56
5690D7

Analogous

D75C56
D79C56
D1D756

Triadic

D79C56
56D79D
9D56D7

Split-Comp.

D79C56
56D1D7
5C56D7

Tetradic

D79C56
56D75C
5690D7
D756D1

Contrast Matrix WCAG 2.1 Contrast

D79C56
D8A94D
4E5F57
282917
0E0E06
—
1.1
Fail
2.8
Fail
6.2
AA
8.1
AAA
1.1
Fail
—
3.1
AA Large
6.8
AA
8.9
AAA
2.8
Fail
3.1
AA Large
—
2.2
Fail
2.9
Fail
6.2
AA
6.8
AA
2.2
Fail
—
1.3
Fail
8.1
AAA
8.9
AAA
2.9
Fail
1.3
Fail
—
White BG
2.4Fail
2.2Fail
6.8AA
14.8AAA
19.4AAA
Black BG
8.8AAA
9.7AAA
3.1AA Large
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBD67
C4C363
555659
28281B
0E0E08

Deuteranopia

C1C56B
C6CA69
545359
28281C
0E0E08

Tritanopia

D47477
D67579
4F5A5B
281F20
0E090A

Achromatopsia

A6A6A6
ADADAD
595959
272727
0D0D0D

Shades & Tints Shades & Tints

#D79C56

Dark
Light

#D8A94D

Dark
Light

#4E5F57

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d79c56;
  --color-2: #d8a94d;
  --color-3: #4e5f57;
  --color-4: #282917;
  --color-5: #0e0e06;
}

SCSS

$color-1: #d79c56;
$color-2: #d8a94d;
$color-3: #4e5f57;
$color-4: #282917;
$color-5: #0e0e06;

TAILWIND

colors: {
  'brand-1': '#d79c56',
  'brand-2': '#d8a94d',
  'brand-3': '#4e5f57',
  'brand-4': '#282917',
  'brand-5': '#0e0e06',
}

RGB Array

[215, 156, 86], [216, 169, 77], [78, 95, 87], [40, 41, 23], [14, 14, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D79C56, #D8A94D, #4E5F57, #282917, #0E0E06 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: #d79c56; --color-2: #d8a94d; --color-3: #4e5f57; --color-4: #282917; --color-5: #0e0e06. 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