← Back to Editor

#592518 · #A0073F · #E55151 · #D59B69 · #48836D

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#592518

Crimson · Maroon · Wine Red

HEX
#592518
RGB
rgb(89, 37, 24)
HSL
hsl(12, 58%, 22%)
HSB
hsb(12, 73%, 35%)
CMYK
cmyk(0%, 58%, 73%, 65%)
Oklch
oklch(33.6% 0.080 35.2)

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

#A0073F

Dark Violet · Brown · Camellia

HEX
#A0073F
RGB
rgb(160, 7, 63)
HSL
hsl(338, 92%, 33%)
HSB
hsb(338, 96%, 63%)
CMYK
cmyk(0%, 96%, 61%, 37%)
Oklch
oklch(45.4% 0.178 10.1)

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

#E55151

Peach Pink · Tomato · Coral Red

HEX
#E55151
RGB
rgb(229, 81, 81)
HSL
hsl(0, 74%, 61%)
HSB
hsb(0, 65%, 90%)
CMYK
cmyk(0%, 65%, 65%, 10%)
Oklch
oklch(63.6% 0.184 24.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D59B69

Apricot · DarkSalmon · Warm Sun

HEX
#D59B69
RGB
rgb(213, 155, 105)
HSL
hsl(28, 56%, 62%)
HSB
hsb(28, 51%, 84%)
CMYK
cmyk(0%, 27%, 51%, 16%)
Oklch
oklch(73.4% 0.096 61.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#48836D

Mineral Blue · SeaGreen · Forest Green

HEX
#48836D
RGB
rgb(72, 131, 109)
HSL
hsl(158, 29%, 40%)
HSB
hsb(158, 45%, 51%)
CMYK
cmyk(45%, 0%, 17%, 49%)
Oklch
oklch(56.3% 0.071 167.7)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

592518
184C59

Analogous

59182B
592518
594518

Triadic

592518
185925
251859

Split-Comp.

592518
185945
182B59

Tetradic

592518
2B5918
184C59
451859

Contrast Matrix WCAG 2.1 Contrast

592518
A0073F
E55151
D59B69
48836D
—
1.5
Fail
3.3
AA Large
5.1
AA
2.8
Fail
1.5
Fail
—
2.2
Fail
3.4
AA Large
1.8
Fail
3.3
AA Large
2.2
Fail
—
1.5
Fail
1.2
Fail
5.1
AA
3.4
AA Large
1.5
Fail
—
1.8
Fail
2.8
Fail
1.8
Fail
1.2
Fail
1.8
Fail
—
White BG
12.3AAA
8.1AAA
3.7AA Large
2.4Fail
4.4AA Large
Black BG
1.7Fail
2.6Fail
5.6AA
8.7AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

42421B
5E5C31
A5A451
BCBB75
626272

Deuteranopia

46491C
67722E
AEB951
BFC478
5E5A74

Tritanopia

561E1E
982724
DE5151
D27F81
4B7777

Achromatopsia

333333
3B3B3B
7D7D7D
A7A7A7
6F6F6F

Shades & Tints Shades & Tints

#592518

Dark
Light

#A0073F

Dark
Light

#E55151

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #592518;
  --color-2: #a0073f;
  --color-3: #e55151;
  --color-4: #d59b69;
  --color-5: #48836d;
}

SCSS

$color-1: #592518;
$color-2: #a0073f;
$color-3: #e55151;
$color-4: #d59b69;
$color-5: #48836d;

TAILWIND

colors: {
  'brand-1': '#592518',
  'brand-2': '#a0073f',
  'brand-3': '#e55151',
  'brand-4': '#d59b69',
  'brand-5': '#48836d',
}

RGB Array

[89, 37, 24], [160, 7, 63], [229, 81, 81], [213, 155, 105], [72, 131, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #592518, #A0073F, #E55151, #D59B69, #48836D is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #592518; --color-2: #a0073f; --color-3: #e55151; --color-4: #d59b69; --color-5: #48836d. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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