← Back to Editor

#DAC3A3 · #B8A47F · #978158 · #715E40 · #5B4120

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

#DAC3A3

Goose Yellow · Tan · Warm Sun

HEX
#DAC3A3
RGB
rgb(218, 195, 163)
HSL
hsl(35, 43%, 75%)
HSB
hsb(35, 25%, 85%)
CMYK
cmyk(0%, 11%, 25%, 15%)
Oklch
oklch(82.8% 0.050 76.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#B8A47F

Ginger · Tan · Warm Sun

HEX
#B8A47F
RGB
rgb(184, 164, 127)
HSL
hsl(39, 29%, 61%)
HSB
hsb(39, 31%, 72%)
CMYK
cmyk(0%, 11%, 31%, 28%)
Oklch
oklch(72.7% 0.056 82.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#978158

Ochre · Gray · Amber Brown

HEX
#978158
RGB
rgb(151, 129, 88)
HSL
hsl(39, 26%, 47%)
HSB
hsb(39, 42%, 59%)
CMYK
cmyk(0%, 15%, 42%, 41%)
Oklch
oklch(61.4% 0.063 82.5)

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

#715E40

Ochre · DarkOliveGreen · Amber Brown

HEX
#715E40
RGB
rgb(113, 94, 64)
HSL
hsl(37, 28%, 35%)
HSB
hsb(37, 43%, 44%)
CMYK
cmyk(0%, 17%, 43%, 56%)
Oklch
oklch(49.3% 0.051 78.6)

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

#5B4120

Ochre · DarkOliveGreen · Cinnamon

HEX
#5B4120
RGB
rgb(91, 65, 32)
HSL
hsl(34, 48%, 24%)
HSB
hsb(34, 65%, 36%)
CMYK
cmyk(0%, 29%, 65%, 64%)
Oklch
oklch(39.7% 0.060 71.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAC3A3
A4BBDB

Analogous

DBA8A4
DAC3A3
D6DBA4

Triadic

DAC3A3
A4DBC4
C4A4DB

Split-Comp.

DAC3A3
A4D6DB
A8A4DB

Tetradic

DAC3A3
A4DBA8
A4BBDB
DBA4D6

Contrast Matrix WCAG 2.1 Contrast

DAC3A3
B8A47F
978158
715E40
5B4120
—
1.4
Fail
2.2
Fail
3.6
AA Large
5.5
AA
1.4
Fail
—
1.5
Fail
2.6
Fail
3.9
AA Large
2.2
Fail
1.5
Fail
—
1.7
Fail
2.5
Fail
3.6
AA Large
2.6
Fail
1.7
Fail
—
1.5
Fail
5.5
AA
3.9
AA Large
2.5
Fail
1.5
Fail
—
White BG
1.7Fail
2.4Fail
3.8AA Large
6.2AA
9.5AAA
Black BG
12.3AAA
8.7AAA
5.6AA
3.4AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0AB
AFAF88
8D8D62
696947
505028

Deuteranopia

D1D3AD
B1B28A
8F9064
6A6B49
51532A

Tritanopia

D9B1B2
B78F91
966A6B
704D4E
5A2E30

Achromatopsia

C6C6C6
A6A6A6
838383
606060
454545

Shades & Tints Shades & Tints

#DAC3A3

Dark
Light

#B8A47F

Dark
Light

#978158

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dac3a3;
  --color-2: #b8a47f;
  --color-3: #978158;
  --color-4: #715e40;
  --color-5: #5b4120;
}

SCSS

$color-1: #dac3a3;
$color-2: #b8a47f;
$color-3: #978158;
$color-4: #715e40;
$color-5: #5b4120;

TAILWIND

colors: {
  'brand-1': '#dac3a3',
  'brand-2': '#b8a47f',
  'brand-3': '#978158',
  'brand-4': '#715e40',
  'brand-5': '#5b4120',
}

RGB Array

[218, 195, 163], [184, 164, 127], [151, 129, 88], [113, 94, 64], [91, 65, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAC3A3, #B8A47F, #978158, #715E40, #5B4120 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: #dac3a3; --color-2: #b8a47f; --color-3: #978158; --color-4: #715e40; --color-5: #5b4120. 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