← Back to Editor

#19130D · #4C443A · #6C954C · #98AB23 · #ECB91D

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#19130D

Ochre · Black · Cinnamon

HEX
#19130D
RGB
rgb(25, 19, 13)
HSL
hsl(30, 32%, 7%)
HSB
hsb(30, 48%, 10%)
CMYK
cmyk(0%, 24%, 48%, 90%)
Oklch
oklch(19.2% 0.015 66.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#4C443A

Ochre · DarkSlateGray · Amber Brown

HEX
#4C443A
RGB
rgb(76, 68, 58)
HSL
hsl(33, 13%, 26%)
HSB
hsb(33, 24%, 30%)
CMYK
cmyk(0%, 11%, 24%, 70%)
Oklch
oklch(39.2% 0.020 73.3)

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

#6C954C

Celadon · DimGray · Olive Green

HEX
#6C954C
RGB
rgb(108, 149, 76)
HSL
hsl(94, 32%, 44%)
HSB
hsb(94, 49%, 58%)
CMYK
cmyk(28%, 0%, 49%, 42%)
Oklch
oklch(62.2% 0.111 132.9)

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

#98AB23

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#98AB23
RGB
rgb(152, 171, 35)
HSL
hsl(68, 66%, 40%)
HSB
hsb(68, 80%, 67%)
CMYK
cmyk(11%, 0%, 80%, 33%)
Oklch
oklch(70.3% 0.152 117.7)

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

#ECB91D

Ginger · GoldenRod · Sunflower

HEX
#ECB91D
RGB
rgb(236, 185, 29)
HSL
hsl(45, 84%, 52%)
HSB
hsb(45, 88%, 93%)
CMYK
cmyk(0%, 22%, 88%, 7%)
Oklch
oklch(80.9% 0.160 87.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19130D
0C1218

Analogous

180C0C
19130D
18180C

Triadic

19130D
0C1812
120C18

Split-Comp.

19130D
0C1818
0C0C18

Tetradic

19130D
0C180C
0C1218
180C18

Contrast Matrix WCAG 2.1 Contrast

19130D
4C443A
6C954C
98AB23
ECB91D
—
1.9
Fail
5.3
AA
7.2
AAA
10.1
AAA
1.9
Fail
—
2.8
Fail
3.7
AA Large
5.2
AA
5.3
AA
2.8
Fail
—
1.4
Fail
1.9
Fail
7.2
AAA
3.7
AA Large
1.4
Fail
—
1.4
Fail
10.1
AAA
5.2
AA
1.9
Fail
1.4
Fail
—
White BG
18.4AAA
9.6AAA
3.5AA Large
2.6Fail
1.8Fail
Black BG
1.1Fail
2.2Fail
6.0AA
8.2AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

16160E
49483C
7E7E5E
A0A044
D6D543

Deuteranopia

17170F
494A3D
7B7862
9F9E4C
D9DD4C

Tritanopia

191010
4C3E3F
6E6C6F
995E64
E96167

Achromatopsia

141414
454545
808080
969696
B6B6B6

Shades & Tints Shades & Tints

#19130D

Dark
Light

#4C443A

Dark
Light

#6C954C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19130d;
  --color-2: #4c443a;
  --color-3: #6c954c;
  --color-4: #98ab23;
  --color-5: #ecb91d;
}

SCSS

$color-1: #19130d;
$color-2: #4c443a;
$color-3: #6c954c;
$color-4: #98ab23;
$color-5: #ecb91d;

TAILWIND

colors: {
  'brand-1': '#19130d',
  'brand-2': '#4c443a',
  'brand-3': '#6c954c',
  'brand-4': '#98ab23',
  'brand-5': '#ecb91d',
}

RGB Array

[25, 19, 13], [76, 68, 58], [108, 149, 76], [152, 171, 35], [236, 185, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #19130D, #4C443A, #6C954C, #98AB23, #ECB91D 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: #19130d; --color-2: #4c443a; --color-3: #6c954c; --color-4: #98ab23; --color-5: #ecb91d. 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 nature-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