← Back to Editor

#1D0505 · #830907 · #C4A14D · #FFEEB0 · #766F63

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 AppData Visualization

Color Details Color Details

#1D0505

Vermilion · Black · Deep Berry

HEX
#1D0505
RGB
rgb(29, 5, 5)
HSL
hsl(0, 71%, 7%)
HSB
hsb(0, 83%, 11%)
CMYK
cmyk(0%, 83%, 83%, 89%)
Oklch
oklch(16.1% 0.044 23.4)

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

#830907

Vermilion · Maroon · Wine Red

HEX
#830907
RGB
rgb(131, 9, 7)
HSL
hsl(1, 90%, 27%)
HSB
hsb(1, 95%, 51%)
CMYK
cmyk(0%, 93%, 95%, 49%)
Oklch
oklch(38.8% 0.153 28.8)

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

#C4A14D

Ginger · GoldenRod · Sunflower

HEX
#C4A14D
RGB
rgb(196, 161, 77)
HSL
hsl(42, 50%, 54%)
HSB
hsb(42, 61%, 77%)
CMYK
cmyk(0%, 18%, 61%, 23%)
Oklch
oklch(72.4% 0.111 86.7)

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

#FFEEB0

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEEB0
RGB
rgb(255, 238, 176)
HSL
hsl(47, 100%, 85%)
HSB
hsb(47, 31%, 100%)
CMYK
cmyk(0%, 7%, 31%, 0%)
Oklch
oklch(94.8% 0.081 94.6)

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

#766F63

Ochre · DimGray · Warm Gray

HEX
#766F63
RGB
rgb(118, 111, 99)
HSL
hsl(38, 9%, 43%)
HSB
hsb(38, 16%, 46%)
CMYK
cmyk(0%, 6%, 16%, 54%)
Oklch
oklch(54.4% 0.020 81.3)

Traditional「Ochre」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D0505
051F1F

Analogous

1F0512
1D0505
1F1205

Triadic

1D0505
051F05
05051F

Split-Comp.

1D0505
051F12
05121F

Tetradic

1D0505
121F05
051F1F
12051F

Contrast Matrix WCAG 2.1 Contrast

1D0505
830907
C4A14D
FFEEB0
766F63
—
1.9
Fail
7.9
AAA
16.8
AAA
3.9
AA Large
1.9
Fail
—
4.3
AA Large
9.0
AAA
2.1
Fail
7.9
AAA
4.3
AA Large
—
2.1
Fail
2.0
Fail
16.8
AAA
9.0
AAA
2.1
Fail
—
4.3
AA Large
3.9
AA Large
2.1
Fail
2.0
Fail
4.3
AA Large
—
White BG
19.5AAA
10.5AAA
2.5Fail
1.2Fail
5.0AA
Black BG
1.1Fail
2.0Fail
8.6AAA
18.1AAA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

131205
4E4D07
B5B561
F8F7BF
737366

Deuteranopia

141605
555E08
B7BA66
F9FAC3
737467

Tritanopia

1C0505
7D0808
C27175
FECBCD
766869

Achromatopsia

0C0C0C
2D2D2D
A2A2A2
ECECEC
707070

Shades & Tints Shades & Tints

#1D0505

Dark
Light

#830907

Dark
Light

#C4A14D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d0505;
  --color-2: #830907;
  --color-3: #c4a14d;
  --color-4: #ffeeb0;
  --color-5: #766f63;
}

SCSS

$color-1: #1d0505;
$color-2: #830907;
$color-3: #c4a14d;
$color-4: #ffeeb0;
$color-5: #766f63;

TAILWIND

colors: {
  'brand-1': '#1d0505',
  'brand-2': '#830907',
  'brand-3': '#c4a14d',
  'brand-4': '#ffeeb0',
  'brand-5': '#766f63',
}

RGB Array

[29, 5, 5], [131, 9, 7], [196, 161, 77], [255, 238, 176], [118, 111, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D0505, #830907, #C4A14D, #FFEEB0, #766F63 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #1d0505; --color-2: #830907; --color-3: #c4a14d; --color-4: #ffeeb0; --color-5: #766f63. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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