← Back to Editor

#C28C2C · #93516D · #6B5B65 · #292710 · #040601

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

#C28C2C

Ochre · DarkGoldenRod · Amber Brown

HEX
#C28C2C
RGB
rgb(194, 140, 44)
HSL
hsl(38, 63%, 47%)
HSB
hsb(38, 77%, 76%)
CMYK
cmyk(0%, 28%, 77%, 24%)
Oklch
oklch(67.7% 0.126 77.3)

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

#93516D

Dark Violet · DimGray · Camellia

HEX
#93516D
RGB
rgb(147, 81, 109)
HSL
hsl(335, 29%, 45%)
HSB
hsb(335, 45%, 58%)
CMYK
cmyk(0%, 45%, 26%, 42%)
Oklch
oklch(52.1% 0.094 354.0)

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

#6B5B65

Rose Purple · DimGray · Charcoal

HEX
#6B5B65
RGB
rgb(107, 91, 101)
HSL
hsl(323, 8%, 39%)
HSB
hsb(323, 15%, 42%)
CMYK
cmyk(0%, 15%, 6%, 58%)
Oklch
oklch(49.0% 0.026 340.2)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

#292710

Autumn Sage · Black · Amber Gold

HEX
#292710
RGB
rgb(41, 39, 16)
HSL
hsl(55, 44%, 11%)
HSB
hsb(55, 61%, 16%)
CMYK
cmyk(0%, 5%, 61%, 84%)
Oklch
oklch(26.9% 0.038 104.2)

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

#040601

Grass Green · Black · Dark Green

HEX
#040601
RGB
rgb(4, 6, 1)
HSL
hsl(84, 71%, 1%)
HSB
hsb(84, 83%, 2%)
CMYK
cmyk(33%, 0%, 83%, 98%)
Oklch
oklch(11.5% 0.021 123.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C28C2C
2C64C3

Analogous

C3402C
C28C2C
AFC32C

Triadic

C28C2C
2CC38C
8C2CC3

Split-Comp.

C28C2C
2CAFC3
402CC3

Tetradic

C28C2C
2CC340
2C64C3
C32CAF

Contrast Matrix WCAG 2.1 Contrast

C28C2C
93516D
6B5B65
292710
040601
—
1.9
Fail
2.1
Fail
5.1
AA
6.9
AA
1.9
Fail
—
1.1
Fail
2.6
Fail
3.5
AA Large
2.1
Fail
1.1
Fail
—
2.4
Fail
3.2
AA Large
5.1
AA
2.6
Fail
2.4
Fail
—
1.3
Fail
6.9
AA
3.5
AA Large
3.2
AA Large
1.3
Fail
—
White BG
3.0Fail
5.8AA
6.3AA
15.1AAA
20.4AAA
Black BG
7.1AAA
3.6AA Large
3.3AA Large
1.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAA43
767666
646463
282816
050502

Deuteranopia

AEB249
7A7F65
656662
282817
050503

Tritanopia

BF565A
906160
6A6160
291A1B
040303

Achromatopsia

919191
686868
616161
252525
050505

Shades & Tints Shades & Tints

#C28C2C

Dark
Light

#93516D

Dark
Light

#6B5B65

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c28c2c;
  --color-2: #93516d;
  --color-3: #6b5b65;
  --color-4: #292710;
  --color-5: #040601;
}

SCSS

$color-1: #c28c2c;
$color-2: #93516d;
$color-3: #6b5b65;
$color-4: #292710;
$color-5: #040601;

TAILWIND

colors: {
  'brand-1': '#c28c2c',
  'brand-2': '#93516d',
  'brand-3': '#6b5b65',
  'brand-4': '#292710',
  'brand-5': '#040601',
}

RGB Array

[194, 140, 44], [147, 81, 109], [107, 91, 101], [41, 39, 16], [4, 6, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C28C2C, #93516D, #6B5B65, #292710, #040601 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: #c28c2c; --color-2: #93516d; --color-3: #6b5b65; --color-4: #292710; --color-5: #040601. 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