← Back to Editor

#1F151F · #512546 · #C47900 · #C4A135 · #D9C791

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

#1F151F

Rose Purple · Black · Dark Purple

HEX
#1F151F
RGB
rgb(31, 21, 31)
HSL
hsl(300, 19%, 10%)
HSB
hsb(300, 32%, 12%)
CMYK
cmyk(0%, 32%, 0%, 88%)
Oklch
oklch(21.3% 0.025 326.4)

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

#512546

Rose Purple · DarkSlateGray · Eggplant

HEX
#512546
RGB
rgb(81, 37, 70)
HSL
hsl(315, 37%, 23%)
HSB
hsb(315, 54%, 32%)
CMYK
cmyk(0%, 54%, 14%, 68%)
Oklch
oklch(33.8% 0.081 337.6)

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

#C47900

Ochre · DarkGoldenRod · Amber Brown

HEX
#C47900
RGB
rgb(196, 121, 0)
HSL
hsl(37, 100%, 38%)
HSB
hsb(37, 100%, 77%)
CMYK
cmyk(0%, 38%, 100%, 23%)
Oklch
oklch(64.2% 0.141 67.5)

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

#C4A135

Ochre · GoldenRod · Honey Gold

HEX
#C4A135
RGB
rgb(196, 161, 53)
HSL
hsl(45, 57%, 49%)
HSB
hsb(45, 73%, 77%)
CMYK
cmyk(0%, 18%, 73%, 23%)
Oklch
oklch(72.2% 0.129 90.3)

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

#D9C791

Goose Yellow · BurlyWood · Sunflower

HEX
#D9C791
RGB
rgb(217, 199, 145)
HSL
hsl(45, 49%, 71%)
HSB
hsb(45, 33%, 85%)
CMYK
cmyk(0%, 8%, 33%, 15%)
Oklch
oklch(83.2% 0.073 91.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1F151F
151E15

Analogous

1A151E
1F151F
1E151A

Triadic

1F151F
1E1E15
151E1E

Split-Comp.

1F151F
1A1E15
151E1A

Tetradic

1F151F
1E1A15
151E15
151A1E

Contrast Matrix WCAG 2.1 Contrast

1F151F
512546
C47900
C4A135
D9C791
—
1.4
Fail
5.1
AA
7.2
AAA
10.6
AAA
1.4
Fail
—
3.6
AA Large
5.0
AA
7.4
AAA
5.1
AA
3.6
AA Large
—
1.4
Fail
2.1
Fail
7.2
AAA
5.0
AA
1.4
Fail
—
1.5
Fail
10.6
AAA
7.4
AAA
2.1
Fail
1.5
Fail
—
White BG
17.7AAA
12.3AAA
3.5AA Large
2.5Fail
1.7Fail
Black BG
1.2Fail
1.7Fail
6.1AA
8.5AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B1D
3E3E3E
A4A31D
B5B54F
D1D19E

Deuteranopia

1B1C1C
41443C
A8AE24
B7BA55
D2D4A1

Tritanopia

1F1B1A
4F3836
C03439
C26468
D8A8AB

Achromatopsia

191919
363636
828282
9F9F9F
C6C6C6

Shades & Tints Shades & Tints

#1F151F

Dark
Light

#512546

Dark
Light

#C47900

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1f151f;
  --color-2: #512546;
  --color-3: #c47900;
  --color-4: #c4a135;
  --color-5: #d9c791;
}

SCSS

$color-1: #1f151f;
$color-2: #512546;
$color-3: #c47900;
$color-4: #c4a135;
$color-5: #d9c791;

TAILWIND

colors: {
  'brand-1': '#1f151f',
  'brand-2': '#512546',
  'brand-3': '#c47900',
  'brand-4': '#c4a135',
  'brand-5': '#d9c791',
}

RGB Array

[31, 21, 31], [81, 37, 70], [196, 121, 0], [196, 161, 53], [217, 199, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1F151F, #512546, #C47900, #C4A135, #D9C791 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: #1f151f; --color-2: #512546; --color-3: #c47900; --color-4: #c4a135; --color-5: #d9c791. 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