← Back to Editor

#615649 · #0A0A07 · #91524E · #AB9276 · #CACCAF

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

#615649

Ochre · DarkOliveGreen · Amber Brown

HEX
#615649
RGB
rgb(97, 86, 73)
HSL
hsl(33, 14%, 33%)
HSB
hsb(33, 25%, 38%)
CMYK
cmyk(0%, 11%, 25%, 62%)
Oklch
oklch(46.0% 0.025 71.8)

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

#0A0A07

Autumn Sage · Black · Amber Gold

HEX
#0A0A07
RGB
rgb(10, 10, 7)
HSL
hsl(60, 18%, 3%)
HSB
hsb(60, 30%, 4%)
CMYK
cmyk(0%, 0%, 30%, 96%)
Oklch
oklch(14.3% 0.007 107.2)

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

#91524E

Crimson · Sienna · Passion Red

HEX
#91524E
RGB
rgb(145, 82, 78)
HSL
hsl(4, 30%, 44%)
HSB
hsb(4, 46%, 57%)
CMYK
cmyk(0%, 43%, 46%, 43%)
Oklch
oklch(51.1% 0.085 24.3)

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

#AB9276

Ginger · Gray · Warm Sun

HEX
#AB9276
RGB
rgb(171, 146, 118)
HSL
hsl(32, 24%, 57%)
HSB
hsb(32, 31%, 67%)
CMYK
cmyk(0%, 15%, 31%, 33%)
Oklch
oklch(67.5% 0.050 70.0)

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

#CACCAF

Fresh Green · Silver · Sunflower

HEX
#CACCAF
RGB
rgb(202, 204, 175)
HSL
hsl(64, 22%, 74%)
HSB
hsb(64, 14%, 80%)
CMYK
cmyk(1%, 0%, 14%, 20%)
Oklch
oklch(83.6% 0.039 110.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

615649
485360

Analogous

604A48
615649
5F6048

Triadic

615649
486055
554860

Split-Comp.

615649
485F60
4A4860

Tetradic

615649
48604A
485360
60485F

Contrast Matrix WCAG 2.1 Contrast

615649
0A0A07
91524E
AB9276
CACCAF
—
2.8
Fail
1.2
Fail
2.4
Fail
4.3
AA Large
2.8
Fail
—
3.3
AA Large
6.7
AA
12.1
AAA
1.2
Fail
3.3
AA Large
—
2.0
Fail
3.6
AA Large
2.4
Fail
6.7
AA
2.0
Fail
—
1.8
Fail
4.3
AA Large
12.1
AAA
3.6
AA Large
1.8
Fail
—
White BG
7.2AAA
19.8AAA
6.0AA
3.0Fail
1.6Fail
Black BG
2.9Fail
1.1Fail
3.5AA Large
7.1AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C4C
0A0A08
76754F
A0A07D
CBCBB6

Deuteranopia

5D5E4D
0A0A08
797E4F
A2A47E
CBCBB8

Tritanopia

604F4F
0A0808
8E5050
AA8283
CABCBD

Achromatopsia

585858
0A0A0A
646464
969696
C8C8C8

Shades & Tints Shades & Tints

#615649

Dark
Light

#0A0A07

Dark
Light

#91524E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #615649;
  --color-2: #0a0a07;
  --color-3: #91524e;
  --color-4: #ab9276;
  --color-5: #caccaf;
}

SCSS

$color-1: #615649;
$color-2: #0a0a07;
$color-3: #91524e;
$color-4: #ab9276;
$color-5: #caccaf;

TAILWIND

colors: {
  'brand-1': '#615649',
  'brand-2': '#0a0a07',
  'brand-3': '#91524e',
  'brand-4': '#ab9276',
  'brand-5': '#caccaf',
}

RGB Array

[97, 86, 73], [10, 10, 7], [145, 82, 78], [171, 146, 118], [202, 204, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #615649, #0A0A07, #91524E, #AB9276, #CACCAF is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #615649; --color-2: #0a0a07; --color-3: #91524e; --color-4: #ab9276; --color-5: #caccaf. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. Restrained colors convey professionalism and trust. 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