← Back to Editor

#C23C2A · #41130E · #6D4B1C · #897747 · #C7A15A

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

#C23C2A

Vermilion · FireBrick · Passion Red

HEX
#C23C2A
RGB
rgb(194, 60, 42)
HSL
hsl(7, 64%, 46%)
HSB
hsb(7, 78%, 76%)
CMYK
cmyk(0%, 69%, 78%, 24%)
Oklch
oklch(55.0% 0.174 30.8)

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

#41130E

Vermilion · Maroon · Deep Berry

HEX
#41130E
RGB
rgb(65, 19, 14)
HSL
hsl(6, 65%, 15%)
HSB
hsb(6, 78%, 25%)
CMYK
cmyk(0%, 71%, 78%, 75%)
Oklch
oklch(26.2% 0.073 29.1)

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

#6D4B1C

Ochre · DarkOliveGreen · Amber Brown

HEX
#6D4B1C
RGB
rgb(109, 75, 28)
HSL
hsl(35, 59%, 27%)
HSB
hsb(35, 74%, 43%)
CMYK
cmyk(0%, 31%, 74%, 57%)
Oklch
oklch(44.1% 0.077 71.9)

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

#897747

Ochre · DimGray · Honey Gold

HEX
#897747
RGB
rgb(137, 119, 71)
HSL
hsl(44, 32%, 41%)
HSB
hsb(44, 48%, 54%)
CMYK
cmyk(0%, 13%, 48%, 46%)
Oklch
oklch(57.5% 0.070 89.6)

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

#C7A15A

Ginger · SandyBrown · Warm Sun

HEX
#C7A15A
RGB
rgb(199, 161, 90)
HSL
hsl(39, 49%, 57%)
HSB
hsb(39, 55%, 78%)
CMYK
cmyk(0%, 19%, 55%, 22%)
Oklch
oklch(72.9% 0.100 81.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C23C2A
2AAFC0

Analogous

C02A64
C23C2A
C0872A

Triadic

C23C2A
2AC03C
3C2AC0

Split-Comp.

C23C2A
2AC087
2A64C0

Tetradic

C23C2A
64C02A
2AAFC0
872AC0

Contrast Matrix WCAG 2.1 Contrast

C23C2A
41130E
6D4B1C
897747
C7A15A
—
3.0
AA Large
1.5
Fail
1.2
Fail
2.2
Fail
3.0
AA Large
—
2.0
Fail
3.6
AA Large
6.6
AA
1.5
Fail
2.0
Fail
—
1.8
Fail
3.2
AA Large
1.2
Fail
3.6
AA Large
1.8
Fail
—
1.8
Fail
2.2
Fail
6.6
AA
3.2
AA Large
1.8
Fail
—
White BG
5.3AA
15.9AAA
7.9AAA
4.4AA Large
2.4Fail
Black BG
4.0AA Large
1.3Fail
2.7Fail
4.8AA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

88872E
2D2D0F
5E5E27
818153
B7B66B

Deuteranopia

909A2F
303310
60632A
828455
B9BC6F

Tritanopia

BB3233
3F1010
6B3032
885C5E
C5797C

Achromatopsia

626262
202020
505050
777777
A4A4A4

Shades & Tints Shades & Tints

#C23C2A

Dark
Light

#41130E

Dark
Light

#6D4B1C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c23c2a;
  --color-2: #41130e;
  --color-3: #6d4b1c;
  --color-4: #897747;
  --color-5: #c7a15a;
}

SCSS

$color-1: #c23c2a;
$color-2: #41130e;
$color-3: #6d4b1c;
$color-4: #897747;
$color-5: #c7a15a;

TAILWIND

colors: {
  'brand-1': '#c23c2a',
  'brand-2': '#41130e',
  'brand-3': '#6d4b1c',
  'brand-4': '#897747',
  'brand-5': '#c7a15a',
}

RGB Array

[194, 60, 42], [65, 19, 14], [109, 75, 28], [137, 119, 71], [199, 161, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C23C2A, #41130E, #6D4B1C, #897747, #C7A15A 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: #c23c2a; --color-2: #41130e; --color-3: #6d4b1c; --color-4: #897747; --color-5: #c7a15a. 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