← Back to Editor

#D0AA23 · #B94102 · #A4101C · #60235F · #2F0721

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

#D0AA23

Ochre · GoldenRod · Honey Gold

HEX
#D0AA23
RGB
rgb(208, 170, 35)
HSL
hsl(47, 71%, 48%)
HSB
hsb(47, 83%, 82%)
CMYK
cmyk(0%, 18%, 83%, 18%)
Oklch
oklch(75.1% 0.145 91.5)

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

#B94102

Tangerine · FireBrick · Amber Brown

HEX
#B94102
RGB
rgb(185, 65, 2)
HSL
hsl(21, 98%, 37%)
HSB
hsb(21, 99%, 73%)
CMYK
cmyk(0%, 65%, 99%, 27%)
Oklch
oklch(53.8% 0.166 40.6)

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

#A4101C

Vermilion · FireBrick · Wine Red

HEX
#A4101C
RGB
rgb(164, 16, 28)
HSL
hsl(355, 82%, 35%)
HSB
hsb(355, 90%, 64%)
CMYK
cmyk(0%, 90%, 83%, 36%)
Oklch
oklch(45.9% 0.178 25.3)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#60235F

Rose Purple · DarkSlateBlue · Eggplant

HEX
#60235F
RGB
rgb(96, 35, 95)
HSL
hsl(301, 47%, 26%)
HSB
hsb(301, 64%, 38%)
CMYK
cmyk(0%, 64%, 1%, 62%)
Oklch
oklch(37.1% 0.119 328.3)

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

#2F0721

Rose Purple · Black · Raspberry

HEX
#2F0721
RGB
rgb(47, 7, 33)
HSL
hsl(321, 74%, 11%)
HSB
hsb(321, 85%, 18%)
CMYK
cmyk(0%, 85%, 30%, 82%)
Oklch
oklch(21.5% 0.073 344.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0AA23
2349D1

Analogous

D15523
D0AA23
A0D123

Triadic

D0AA23
23D1AC
AC23D1

Split-Comp.

D0AA23
23A0D1
5523D1

Tetradic

D0AA23
23D155
2349D1
D123A0

Contrast Matrix WCAG 2.1 Contrast

D0AA23
B94102
A4101C
60235F
2F0721
—
2.5
Fail
3.5
AA Large
5.0
AA
8.1
AAA
2.5
Fail
—
1.4
Fail
2.0
Fail
3.3
AA Large
3.5
AA Large
1.4
Fail
—
1.4
Fail
2.3
Fail
5.0
AA
2.0
Fail
1.4
Fail
—
1.6
Fail
8.1
AAA
3.3
AA Large
2.3
Fail
1.6
Fail
—
White BG
2.2Fail
5.5AA
7.9AAA
11.0AAA
17.9AAA
Black BG
9.5AAA
3.8AA Large
2.7Fail
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF44
858411
646319
464550
1E1D1B

Deuteranopia

C2C54C
8C9515
6D7818
494E4D
202319

Tritanopia

CE5D63
B31D20
9D1716
5D4543
2D1615

Achromatopsia

A6A6A6
5E5E5E
3E3E3E
3C3C3C
161616

Shades & Tints Shades & Tints

#D0AA23

Dark
Light

#B94102

Dark
Light

#A4101C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0aa23;
  --color-2: #b94102;
  --color-3: #a4101c;
  --color-4: #60235f;
  --color-5: #2f0721;
}

SCSS

$color-1: #d0aa23;
$color-2: #b94102;
$color-3: #a4101c;
$color-4: #60235f;
$color-5: #2f0721;

TAILWIND

colors: {
  'brand-1': '#d0aa23',
  'brand-2': '#b94102',
  'brand-3': '#a4101c',
  'brand-4': '#60235f',
  'brand-5': '#2f0721',
}

RGB Array

[208, 170, 35], [185, 65, 2], [164, 16, 28], [96, 35, 95], [47, 7, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0AA23, #B94102, #A4101C, #60235F, #2F0721 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: #d0aa23; --color-2: #b94102; --color-3: #a4101c; --color-4: #60235f; --color-5: #2f0721. 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 general-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