← Back to Editor

#C59394 · #82616A · #5E3C4A · #3F201D · #75391F

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

#C59394

Peach Pink · Tan · Coral Red

HEX
#C59394
RGB
rgb(197, 147, 148)
HSL
hsl(359, 30%, 67%)
HSB
hsb(359, 25%, 77%)
CMYK
cmyk(0%, 25%, 25%, 23%)
Oklch
oklch(71.1% 0.061 17.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#82616A

Dark Violet · DimGray · Camellia

HEX
#82616A
RGB
rgb(130, 97, 106)
HSL
hsl(344, 15%, 45%)
HSB
hsb(344, 25%, 51%)
CMYK
cmyk(0%, 25%, 18%, 49%)
Oklch
oklch(52.9% 0.045 0.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#5E3C4A

Dark Violet · DarkSlateGray · Camellia

HEX
#5E3C4A
RGB
rgb(94, 60, 74)
HSL
hsl(335, 22%, 30%)
HSB
hsb(335, 36%, 37%)
CMYK
cmyk(0%, 36%, 21%, 63%)
Oklch
oklch(40.0% 0.052 353.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#3F201D

Crimson · DarkSlateGray · Deep Berry

HEX
#3F201D
RGB
rgb(63, 32, 29)
HSL
hsl(5, 37%, 18%)
HSB
hsb(5, 54%, 25%)
CMYK
cmyk(0%, 49%, 54%, 75%)
Oklch
oklch(28.5% 0.049 26.4)

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

#75391F

Tangerine · Brown · Amber Brown

HEX
#75391F
RGB
rgb(117, 57, 31)
HSL
hsl(18, 58%, 29%)
HSB
hsb(18, 74%, 46%)
CMYK
cmyk(0%, 51%, 74%, 54%)
Oklch
oklch(41.7% 0.093 43.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C59394
92C4C3

Analogous

C492AC
C59394
C4AA92

Triadic

C59394
92C492
9292C4

Split-Comp.

C59394
92C4AA
92ACC4

Tetradic

C59394
ACC492
92C4C3
AA92C4

Contrast Matrix WCAG 2.1 Contrast

C59394
82616A
5E3C4A
3F201D
75391F
—
2.1
Fail
3.6
AA Large
5.6
AA
3.4
AA Large
2.1
Fail
—
1.7
Fail
2.7
Fail
1.6
Fail
3.6
AA Large
1.7
Fail
—
1.5
Fail
1.1
Fail
5.6
AA
2.7
Fail
1.5
Fail
—
1.6
Fail
3.4
AA Large
1.6
Fail
1.1
Fail
1.6
Fail
—
White BG
2.6Fail
5.4AA
9.5AAA
14.6AAA
8.9AAA
Black BG
8.0AAA
3.9AA Large
2.2Fail
1.4Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF94
747368
4F4F47
32311E
5B5A25

Deuteranopia

B2B694
767867
515446
33361E
5F6327

Tritanopia

C29494
806666
5C4443
3D1E1E
722A2B

Achromatopsia

A2A2A2
6C6C6C
484848
292929
484848

Shades & Tints Shades & Tints

#C59394

Dark
Light

#82616A

Dark
Light

#5E3C4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c59394;
  --color-2: #82616a;
  --color-3: #5e3c4a;
  --color-4: #3f201d;
  --color-5: #75391f;
}

SCSS

$color-1: #c59394;
$color-2: #82616a;
$color-3: #5e3c4a;
$color-4: #3f201d;
$color-5: #75391f;

TAILWIND

colors: {
  'brand-1': '#c59394',
  'brand-2': '#82616a',
  'brand-3': '#5e3c4a',
  'brand-4': '#3f201d',
  'brand-5': '#75391f',
}

RGB Array

[197, 147, 148], [130, 97, 106], [94, 60, 74], [63, 32, 29], [117, 57, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C59394, #82616A, #5E3C4A, #3F201D, #75391F 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: #c59394; --color-2: #82616a; --color-3: #5e3c4a; --color-4: #3f201d; --color-5: #75391f. 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