← Back to Editor

#25141C · #541319 · #BA7033 · #A89038 · #CFB173

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

#25141C

Dark Violet · Black · Raspberry

HEX
#25141C
RGB
rgb(37, 20, 28)
HSL
hsl(332, 30%, 11%)
HSB
hsb(332, 46%, 15%)
CMYK
cmyk(0%, 46%, 24%, 85%)
Oklch
oklch(21.8% 0.031 350.3)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#541319

Vermilion · Maroon · Deep Berry

HEX
#541319
RGB
rgb(84, 19, 25)
HSL
hsl(354, 63%, 20%)
HSB
hsb(354, 77%, 33%)
CMYK
cmyk(0%, 77%, 70%, 67%)
Oklch
oklch(30.1% 0.095 20.1)

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

#BA7033

Tangerine · Chocolate · Amber Brown

HEX
#BA7033
RGB
rgb(186, 112, 51)
HSL
hsl(27, 57%, 46%)
HSB
hsb(27, 73%, 73%)
CMYK
cmyk(0%, 40%, 73%, 27%)
Oklch
oklch(61.5% 0.120 57.1)

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

#A89038

Ochre · DarkGoldenRod · Honey Gold

HEX
#A89038
RGB
rgb(168, 144, 56)
HSL
hsl(47, 50%, 44%)
HSB
hsb(47, 67%, 66%)
CMYK
cmyk(0%, 14%, 67%, 34%)
Oklch
oklch(65.8% 0.110 93.8)

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

#CFB173

Ginger · Tan · Sunflower

HEX
#CFB173
RGB
rgb(207, 177, 115)
HSL
hsl(40, 49%, 63%)
HSB
hsb(40, 44%, 81%)
CMYK
cmyk(0%, 14%, 44%, 19%)
Oklch
oklch(77.3% 0.087 84.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

25141C
14241D

Analogous

241424
25141C
241414

Triadic

25141C
1B2414
141B24

Split-Comp.

25141C
142414
142424

Tetradic

25141C
242414
14241D
141424

Contrast Matrix WCAG 2.1 Contrast

25141C
541319
BA7033
A89038
CFB173
—
1.2
Fail
4.6
AA
5.6
AA
8.5
AAA
1.2
Fail
—
3.7
AA Large
4.5
AA
6.9
AA
4.6
AA
3.7
AA Large
—
1.2
Fail
1.9
Fail
5.6
AA
4.5
AA
1.2
Fail
—
1.5
Fail
8.5
AAA
6.9
AA
1.9
Fail
1.5
Fail
—
White BG
17.6AAA
14.1AAA
3.9AA Large
3.1AA Large
2.1Fail
Black BG
1.2Fail
1.5Fail
5.5AA
6.7AA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1D1A
383718
9A9942
9E9D4D
C2C282

Deuteranopia

1F201A
3C4117
9EA445
9FA152
C4C686

Tritanopia

241918
511616
B64D50
A75E62
CD8E90

Achromatopsia

1A1A1A
272727
7F7F7F
8D8D8D
B3B3B3

Shades & Tints Shades & Tints

#25141C

Dark
Light

#541319

Dark
Light

#BA7033

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #25141c;
  --color-2: #541319;
  --color-3: #ba7033;
  --color-4: #a89038;
  --color-5: #cfb173;
}

SCSS

$color-1: #25141c;
$color-2: #541319;
$color-3: #ba7033;
$color-4: #a89038;
$color-5: #cfb173;

TAILWIND

colors: {
  'brand-1': '#25141c',
  'brand-2': '#541319',
  'brand-3': '#ba7033',
  'brand-4': '#a89038',
  'brand-5': '#cfb173',
}

RGB Array

[37, 20, 28], [84, 19, 25], [186, 112, 51], [168, 144, 56], [207, 177, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #25141C, #541319, #BA7033, #A89038, #CFB173 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: #25141c; --color-2: #541319; --color-3: #ba7033; --color-4: #a89038; --color-5: #cfb173. 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