← Back to Editor

#340E23 · #520820 · #7C0422 · #AC1D31 · #A3AB48

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#340E23

Rose Purple · Black · Raspberry

HEX
#340E23
RGB
rgb(52, 14, 35)
HSL
hsl(327, 58%, 13%)
HSB
hsb(327, 73%, 20%)
CMYK
cmyk(0%, 73%, 33%, 80%)
Oklch
oklch(23.6% 0.067 349.2)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#520820

Dark Violet · Maroon · Raspberry

HEX
#520820
RGB
rgb(82, 8, 32)
HSL
hsl(341, 82%, 18%)
HSB
hsb(341, 90%, 32%)
CMYK
cmyk(0%, 90%, 61%, 68%)
Oklch
oklch(28.8% 0.105 8.8)

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

#7C0422

Vermilion · Maroon · Wine Red

HEX
#7C0422
RGB
rgb(124, 4, 34)
HSL
hsl(345, 94%, 25%)
HSB
hsb(345, 97%, 49%)
CMYK
cmyk(0%, 97%, 73%, 51%)
Oklch
oklch(37.4% 0.147 17.5)

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

#AC1D31

Vermilion · Brown · Wine Red

HEX
#AC1D31
RGB
rgb(172, 29, 49)
HSL
hsl(352, 71%, 39%)
HSB
hsb(352, 83%, 67%)
CMYK
cmyk(0%, 83%, 72%, 33%)
Oklch
oklch(48.4% 0.176 20.5)

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

#A3AB48

Autumn Sage · GoldenRod · Honey Gold

HEX
#A3AB48
RGB
rgb(163, 171, 72)
HSL
hsl(65, 41%, 48%)
HSB
hsb(65, 58%, 67%)
CMYK
cmyk(5%, 0%, 58%, 33%)
Oklch
oklch(71.5% 0.123 113.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

340E23
0E341F

Analogous

320E34
340E23
340E10

Triadic

340E23
23340E
0E2334

Split-Comp.

340E23
10340E
0E3432

Tetradic

340E23
34320E
0E341F
0E1034

Contrast Matrix WCAG 2.1 Contrast

340E23
520820
7C0422
AC1D31
A3AB48
—
1.1
Fail
1.5
Fail
2.4
Fail
6.9
AA
1.1
Fail
—
1.3
Fail
2.1
Fail
6.0
AA
1.5
Fail
1.3
Fail
—
1.6
Fail
4.5
AA Large
2.4
Fail
2.1
Fail
1.6
Fail
—
2.8
Fail
6.9
AA
6.0
AA
4.5
AA Large
2.8
Fail
—
White BG
17.0AAA
14.8AAA
11.1AAA
7.1AAA
2.5Fail
Black BG
1.2Fail
1.4Fail
1.9Fail
3.0Fail
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

24231E
32311A
48471B
6E6D2C
A6A760

Deuteranopia

26291D
363C19
4F5819
76812B
A6A566

Tritanopia

321A19
4E1615
761514
A52828
A37377

Achromatopsia

1C1C1C
212121
2B2B2B
4A4A4A
9D9D9D

Shades & Tints Shades & Tints

#340E23

Dark
Light

#520820

Dark
Light

#7C0422

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #340e23;
  --color-2: #520820;
  --color-3: #7c0422;
  --color-4: #ac1d31;
  --color-5: #a3ab48;
}

SCSS

$color-1: #340e23;
$color-2: #520820;
$color-3: #7c0422;
$color-4: #ac1d31;
$color-5: #a3ab48;

TAILWIND

colors: {
  'brand-1': '#340e23',
  'brand-2': '#520820',
  'brand-3': '#7c0422',
  'brand-4': '#ac1d31',
  'brand-5': '#a3ab48',
}

RGB Array

[52, 14, 35], [82, 8, 32], [124, 4, 34], [172, 29, 49], [163, 171, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #340E23, #520820, #7C0422, #AC1D31, #A3AB48 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #340e23; --color-2: #520820; --color-3: #7c0422; --color-4: #ac1d31; --color-5: #a3ab48. 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. 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