← Back to Editor

#D8BD5B · #785C35 · #AC8E1F · #CFB411 · #540F0F

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#D8BD5B

Ginger · SandyBrown · Sunflower

HEX
#D8BD5B
RGB
rgb(216, 189, 91)
HSL
hsl(47, 62%, 60%)
HSB
hsb(47, 58%, 85%)
CMYK
cmyk(0%, 12%, 58%, 15%)
Oklch
oklch(80.2% 0.122 94.1)

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

#785C35

Ochre · DarkOliveGreen · Amber Brown

HEX
#785C35
RGB
rgb(120, 92, 53)
HSL
hsl(35, 39%, 34%)
HSB
hsb(35, 56%, 47%)
CMYK
cmyk(0%, 23%, 56%, 53%)
Oklch
oklch(49.4% 0.066 74.4)

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

#AC8E1F

Ochre · DarkGoldenRod · Honey Gold

HEX
#AC8E1F
RGB
rgb(172, 142, 31)
HSL
hsl(47, 69%, 40%)
HSB
hsb(47, 82%, 67%)
CMYK
cmyk(0%, 17%, 82%, 33%)
Oklch
oklch(65.6% 0.125 92.5)

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

#CFB411

Autumn Sage · GoldenRod · Honey Gold

HEX
#CFB411
RGB
rgb(207, 180, 17)
HSL
hsl(51, 85%, 44%)
HSB
hsb(51, 92%, 81%)
CMYK
cmyk(0%, 13%, 92%, 19%)
Oklch
oklch(77.0% 0.156 98.1)

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

#540F0F

Vermilion · Maroon · Deep Berry

HEX
#540F0F
RGB
rgb(84, 15, 15)
HSL
hsl(0, 70%, 19%)
HSB
hsb(0, 82%, 33%)
CMYK
cmyk(0%, 82%, 82%, 67%)
Oklch
oklch(29.5% 0.100 25.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8BD5B
5A75D8

Analogous

D87E5A
D8BD5B
B4D85A

Triadic

D8BD5B
5AD8BD
BD5AD8

Split-Comp.

D8BD5B
5AB4D8
7E5AD8

Tetradic

D8BD5B
5AD87E
5A75D8
D85AB4

Contrast Matrix WCAG 2.1 Contrast

D8BD5B
785C35
AC8E1F
CFB411
540F0F
—
3.4
AA Large
1.7
Fail
1.1
Fail
7.8
AAA
3.4
AA Large
—
2.0
Fail
3.0
AA Large
2.3
Fail
1.7
Fail
2.0
Fail
—
1.5
Fail
4.6
AA
1.1
Fail
3.0
AA Large
1.5
Fail
—
7.0
AAA
7.8
AAA
2.3
Fail
4.6
AA
7.0
AAA
—
White BG
1.9Fail
6.2AA
3.2AA Large
2.1Fail
14.5AAA
Black BG
11.3AAA
3.4AA Large
6.6AA
10.2AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCC73
6C6C3E
9F9F3A
C3C338
36360F

Deuteranopia

CED078
6E7041
A1A340
C5C742
3A3F0F

Tritanopia

D7858A
774648
AB4F54
CE585E
510F0F

Achromatopsia

BABABA
606060
8A8A8A
A9A9A9
242424

Shades & Tints Shades & Tints

#D8BD5B

Dark
Light

#785C35

Dark
Light

#AC8E1F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8bd5b;
  --color-2: #785c35;
  --color-3: #ac8e1f;
  --color-4: #cfb411;
  --color-5: #540f0f;
}

SCSS

$color-1: #d8bd5b;
$color-2: #785c35;
$color-3: #ac8e1f;
$color-4: #cfb411;
$color-5: #540f0f;

TAILWIND

colors: {
  'brand-1': '#d8bd5b',
  'brand-2': '#785c35',
  'brand-3': '#ac8e1f',
  'brand-4': '#cfb411',
  'brand-5': '#540f0f',
}

RGB Array

[216, 189, 91], [120, 92, 53], [172, 142, 31], [207, 180, 17], [84, 15, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D8BD5B, #785C35, #AC8E1F, #CFB411, #540F0F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d8bd5b; --color-2: #785c35; --color-3: #ac8e1f; --color-4: #cfb411; --color-5: #540f0f. 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 warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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