← Back to Editor

#78090F · #DA4A00 · #9B990D · #576729 · #142215

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

#78090F

Vermilion · Maroon · Wine Red

HEX
#78090F
RGB
rgb(120, 9, 15)
HSL
hsl(357, 86%, 25%)
HSB
hsb(357, 93%, 47%)
CMYK
cmyk(0%, 93%, 88%, 53%)
Oklch
oklch(36.5% 0.142 26.3)

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

#DA4A00

Tangerine · OrangeRed · Amber Brown

HEX
#DA4A00
RGB
rgb(218, 74, 0)
HSL
hsl(20, 100%, 43%)
HSB
hsb(20, 100%, 85%)
CMYK
cmyk(0%, 66%, 100%, 15%)
Oklch
oklch(60.3% 0.191 39.6)

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

#9B990D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9B990D
RGB
rgb(155, 153, 13)
HSL
hsl(59, 85%, 33%)
HSB
hsb(59, 92%, 61%)
CMYK
cmyk(0%, 1%, 92%, 39%)
Oklch
oklch(66.3% 0.141 108.7)

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

#576729

Grass Green · DarkOliveGreen · Forest Green

HEX
#576729
RGB
rgb(87, 103, 41)
HSL
hsl(75, 43%, 28%)
HSB
hsb(75, 60%, 40%)
CMYK
cmyk(16%, 0%, 60%, 60%)
Oklch
oklch(48.6% 0.089 121.9)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#142215

Celadon · Black · Dark Green

HEX
#142215
RGB
rgb(20, 34, 21)
HSL
hsl(124, 26%, 11%)
HSB
hsb(124, 41%, 13%)
CMYK
cmyk(41%, 0%, 38%, 87%)
Oklch
oklch(23.5% 0.031 146.2)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

78090F
097771

Analogous

770945
78090F
773A09

Triadic

78090F
0E7709
090E77

Split-Comp.

78090F
09773A
094577

Tetradic

78090F
457709
097771
3A0977

Contrast Matrix WCAG 2.1 Contrast

78090F
DA4A00
9B990D
576729
142215
—
2.7
Fail
3.8
AA Large
1.8
Fail
1.5
Fail
2.7
Fail
—
1.4
Fail
1.5
Fail
3.9
AA Large
3.8
AA Large
1.4
Fail
—
2.1
Fail
5.5
AA
1.8
Fail
1.5
Fail
2.1
Fail
—
2.7
Fail
1.5
Fail
3.9
AA Large
5.5
AA
2.7
Fail
—
White BG
11.4AAA
4.2AA Large
3.0AA Large
6.2AA
16.5AAA
Black BG
1.8Fail
5.0AA
7.0AA
3.4AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

48470E
9C9A12
9A9A2F
5E5E38
1A1A18

Deuteranopia

4E570D
A4AF16
9A9A37
5D5C3C
191819

Tritanopia

720C0C
D32023
9B4A50
584446
151B1B

Achromatopsia

2B2B2B
6D6D6D
8A8A8A
5B5B5B
1C1C1C

Shades & Tints Shades & Tints

#78090F

Dark
Light

#DA4A00

Dark
Light

#9B990D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #78090f;
  --color-2: #da4a00;
  --color-3: #9b990d;
  --color-4: #576729;
  --color-5: #142215;
}

SCSS

$color-1: #78090f;
$color-2: #da4a00;
$color-3: #9b990d;
$color-4: #576729;
$color-5: #142215;

TAILWIND

colors: {
  'brand-1': '#78090f',
  'brand-2': '#da4a00',
  'brand-3': '#9b990d',
  'brand-4': '#576729',
  'brand-5': '#142215',
}

RGB Array

[120, 9, 15], [218, 74, 0], [155, 153, 13], [87, 103, 41], [20, 34, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #78090F, #DA4A00, #9B990D, #576729, #142215 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: #78090f; --color-2: #da4a00; --color-3: #9b990d; --color-4: #576729; --color-5: #142215. 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