← Back to Editor

#8C0C00 · #C21000 · #D19E4B · #A6A035 · #666321

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#8C0C00

Vermilion · DarkRed · Wine Red

HEX
#8C0C00
RGB
rgb(140, 12, 0)
HSL
hsl(5, 100%, 27%)
HSB
hsb(5, 100%, 55%)
CMYK
cmyk(0%, 91%, 100%, 45%)
Oklch
oklch(40.7% 0.160 30.6)

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

#C21000

Vermilion · FireBrick · Wine Red

HEX
#C21000
RGB
rgb(194, 16, 0)
HSL
hsl(5, 100%, 38%)
HSB
hsb(5, 100%, 76%)
CMYK
cmyk(0%, 92%, 100%, 24%)
Oklch
oklch(51.6% 0.206 30.2)

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

#D19E4B

Ginger · SandyBrown · Warm Sun

HEX
#D19E4B
RGB
rgb(209, 158, 75)
HSL
hsl(37, 59%, 56%)
HSB
hsb(37, 64%, 82%)
CMYK
cmyk(0%, 24%, 64%, 18%)
Oklch
oklch(73.1% 0.117 77.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#A6A035

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A6A035
RGB
rgb(166, 160, 53)
HSL
hsl(57, 52%, 43%)
HSB
hsb(57, 68%, 65%)
CMYK
cmyk(0%, 4%, 68%, 35%)
Oklch
oklch(69.1% 0.126 106.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#666321

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#666321
RGB
rgb(102, 99, 33)
HSL
hsl(57, 51%, 26%)
HSB
hsb(57, 68%, 40%)
CMYK
cmyk(0%, 3%, 68%, 60%)
Oklch
oklch(48.9% 0.087 106.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C0C00
007E8A

Analogous

8A0039
8C0C00
8A5000

Triadic

8C0C00
008A0B
0B008A

Split-Comp.

8C0C00
008A50
00398A

Tetradic

8C0C00
398A00
007E8A
50008A

Contrast Matrix WCAG 2.1 Contrast

8C0C00
C21000
D19E4B
A6A035
666321
—
1.6
Fail
4.0
AA Large
3.6
AA Large
1.6
Fail
1.6
Fail
—
2.6
Fail
2.3
Fail
1.0
Fail
4.0
AA Large
2.6
Fail
—
1.1
Fail
2.6
Fail
3.6
AA Large
2.3
Fail
1.1
Fail
—
2.3
Fail
1.6
Fail
1.0
Fail
2.6
Fail
2.3
Fail
—
White BG
9.7AAA
6.2AA
2.4Fail
2.7Fail
6.2AA
Black BG
2.2Fail
3.4AA Large
8.7AAA
7.7AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

555303
757304
BBBA5F
A3A34F
656531

Deuteranopia

5C6604
7F8D05
BEC264
A4A455
656535

Tritanopia

860506
B90708
CE6F72
A66368
663E40

Achromatopsia

313131
434343
A4A4A4
969696
5C5C5C

Shades & Tints Shades & Tints

#8C0C00

Dark
Light

#C21000

Dark
Light

#D19E4B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c0c00;
  --color-2: #c21000;
  --color-3: #d19e4b;
  --color-4: #a6a035;
  --color-5: #666321;
}

SCSS

$color-1: #8c0c00;
$color-2: #c21000;
$color-3: #d19e4b;
$color-4: #a6a035;
$color-5: #666321;

TAILWIND

colors: {
  'brand-1': '#8c0c00',
  'brand-2': '#c21000',
  'brand-3': '#d19e4b',
  'brand-4': '#a6a035',
  'brand-5': '#666321',
}

RGB Array

[140, 12, 0], [194, 16, 0], [209, 158, 75], [166, 160, 53], [102, 99, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #8C0C00, #C21000, #D19E4B, #A6A035, #666321 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: #8c0c00; --color-2: #c21000; --color-3: #d19e4b; --color-4: #a6a035; --color-5: #666321. 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 nature-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