← Back to Editor

#D9A300 · #BD9620 · #A18532 · #875D48 · #6B0037

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 App

Color Details Color Details

#D9A300

Ochre · GoldenRod · Honey Gold

HEX
#D9A300
RGB
rgb(217, 163, 0)
HSL
hsl(45, 100%, 43%)
HSB
hsb(45, 100%, 85%)
CMYK
cmyk(0%, 25%, 100%, 15%)
Oklch
oklch(74.6% 0.153 84.6)

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

#BD9620

Ochre · DarkGoldenRod · Honey Gold

HEX
#BD9620
RGB
rgb(189, 150, 32)
HSL
hsl(45, 71%, 43%)
HSB
hsb(45, 83%, 74%)
CMYK
cmyk(0%, 21%, 83%, 26%)
Oklch
oklch(69.1% 0.133 88.6)

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

#A18532

Ochre · DarkGoldenRod · Honey Gold

HEX
#A18532
RGB
rgb(161, 133, 50)
HSL
hsl(45, 53%, 41%)
HSB
hsb(45, 69%, 63%)
CMYK
cmyk(0%, 17%, 69%, 37%)
Oklch
oklch(62.7% 0.106 90.1)

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

#875D48

Tangerine · Sienna · Amber Brown

HEX
#875D48
RGB
rgb(135, 93, 72)
HSL
hsl(20, 30%, 41%)
HSB
hsb(20, 47%, 53%)
CMYK
cmyk(0%, 31%, 47%, 47%)
Oklch
oklch(51.8% 0.064 47.4)

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

#6B0037

Rose Purple · Maroon · Raspberry

HEX
#6B0037
RGB
rgb(107, 0, 55)
HSL
hsl(329, 100%, 21%)
HSB
hsb(329, 100%, 42%)
CMYK
cmyk(0%, 100%, 49%, 58%)
Oklch
oklch(34.2% 0.139 358.9)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9A300
0037DB

Analogous

DB3700
D9A300
A4DB00

Triadic

D9A300
00DBA4
A400DB

Split-Comp.

D9A300
00A4DB
3700DB

Tetradic

D9A300
00DB37
0037DB
DB00A4

Contrast Matrix WCAG 2.1 Contrast

D9A300
BD9620
A18532
875D48
6B0037
—
1.2
Fail
1.6
Fail
2.5
Fail
5.5
AA
1.2
Fail
—
1.3
Fail
2.0
Fail
4.5
AA Large
1.6
Fail
1.3
Fail
—
1.6
Fail
3.5
AA Large
2.5
Fail
2.0
Fail
1.6
Fail
—
2.2
Fail
5.5
AA
4.5
AA Large
3.5
AA Large
2.2
Fail
—
White BG
2.3Fail
2.8Fail
3.5AA Large
5.7AA
12.5AAA
Black BG
9.2AAA
7.5AAA
5.9AA
3.7AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C127
ACAC3D
959546
75744D
3D3C2A

Deuteranopia

C5C931
AEB143
97994B
777A4E
434B27

Tritanopia

D6474D
BB5358
A05659
855152
661F1D

Achromatopsia

A1A1A1
949494
848484
676767
262626

Shades & Tints Shades & Tints

#D9A300

Dark
Light

#BD9620

Dark
Light

#A18532

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9a300;
  --color-2: #bd9620;
  --color-3: #a18532;
  --color-4: #875d48;
  --color-5: #6b0037;
}

SCSS

$color-1: #d9a300;
$color-2: #bd9620;
$color-3: #a18532;
$color-4: #875d48;
$color-5: #6b0037;

TAILWIND

colors: {
  'brand-1': '#d9a300',
  'brand-2': '#bd9620',
  'brand-3': '#a18532',
  'brand-4': '#875d48',
  'brand-5': '#6b0037',
}

RGB Array

[217, 163, 0], [189, 150, 32], [161, 133, 50], [135, 93, 72], [107, 0, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D9A300, #BD9620, #A18532, #875D48, #6B0037 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #d9a300; --color-2: #bd9620; --color-3: #a18532; --color-4: #875d48; --color-5: #6b0037. 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. 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