← Back to Editor

#A24923 · #79CE92 · #92AF58 · #B0E19C · #322028

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

#A24923

Tangerine · Sienna · Amber Brown

HEX
#A24923
RGB
rgb(162, 73, 35)
HSL
hsl(18, 64%, 39%)
HSB
hsb(18, 78%, 64%)
CMYK
cmyk(0%, 55%, 78%, 36%)
Oklch
oklch(51.4% 0.129 42.0)

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

#79CE92

Celadon · DarkSeaGreen · Apple Green

HEX
#79CE92
RGB
rgb(121, 206, 146)
HSL
hsl(138, 46%, 64%)
HSB
hsb(138, 41%, 81%)
CMYK
cmyk(41%, 0%, 29%, 19%)
Oklch
oklch(78.2% 0.120 152.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#92AF58

Grass Green · DarkSeaGreen · Olive Green

HEX
#92AF58
RGB
rgb(146, 175, 88)
HSL
hsl(80, 35%, 52%)
HSB
hsb(80, 50%, 69%)
CMYK
cmyk(17%, 0%, 50%, 31%)
Oklch
oklch(71.3% 0.119 124.5)

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

#B0E19C

Emerald · LightGreen · Apple Green

HEX
#B0E19C
RGB
rgb(176, 225, 156)
HSL
hsl(103, 53%, 75%)
HSB
hsb(103, 31%, 88%)
CMYK
cmyk(22%, 0%, 31%, 12%)
Oklch
oklch(85.8% 0.106 136.9)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#322028

Dark Violet · DarkSlateGray · Raspberry

HEX
#322028
RGB
rgb(50, 32, 40)
HSL
hsl(333, 22%, 16%)
HSB
hsb(333, 36%, 20%)
CMYK
cmyk(0%, 36%, 20%, 80%)
Oklch
oklch(26.9% 0.031 351.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A24923
247DA3

Analogous

A3243D
A24923
A38A24

Triadic

A24923
24A34A
4A24A3

Split-Comp.

A24923
24A38A
243DA3

Tetradic

A24923
3DA324
247DA3
8A24A3

Contrast Matrix WCAG 2.1 Contrast

A24923
79CE92
92AF58
B0E19C
322028
—
3.1
AA Large
2.4
Fail
4.0
AA Large
2.6
Fail
3.1
AA Large
—
1.3
Fail
1.3
Fail
8.1
AAA
2.4
Fail
1.3
Fail
—
1.7
Fail
6.2
AA
4.0
AA Large
1.3
Fail
1.7
Fail
—
10.3
AAA
2.6
Fail
8.1
AAA
6.2
AA
10.3
AAA
—
White BG
6.0AA
1.9Fail
2.5Fail
1.5Fail
15.3AAA
Black BG
3.5AA Large
11.1AAA
8.5AAA
14.1AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B2C
9E9FA1
9F9F6D
C5C6AD
2A2A26

Deuteranopia

81872E
9993A4
9D9B72
C2BFB1
2B2D26

Tritanopia

9E3335
7DACAF
937E81
B2BABD
312524

Achromatopsia

5F5F5F
AEAEAE
9C9C9C
CACACA
262626

Shades & Tints Shades & Tints

#A24923

Dark
Light

#79CE92

Dark
Light

#92AF58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a24923;
  --color-2: #79ce92;
  --color-3: #92af58;
  --color-4: #b0e19c;
  --color-5: #322028;
}

SCSS

$color-1: #a24923;
$color-2: #79ce92;
$color-3: #92af58;
$color-4: #b0e19c;
$color-5: #322028;

TAILWIND

colors: {
  'brand-1': '#a24923',
  'brand-2': '#79ce92',
  'brand-3': '#92af58',
  'brand-4': '#b0e19c',
  'brand-5': '#322028',
}

RGB Array

[162, 73, 35], [121, 206, 146], [146, 175, 88], [176, 225, 156], [50, 32, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A24923, #79CE92, #92AF58, #B0E19C, #322028 is ideal for: 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: #a24923; --color-2: #79ce92; --color-3: #92af58; --color-4: #b0e19c; --color-5: #322028. 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. 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