← Back to Editor

#C50129 · #A40136 · #500232 · #363B3E · #5A5538

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

#C50129

Vermilion · Crimson · Wine Red

HEX
#C50129
RGB
rgb(197, 1, 41)
HSL
hsl(348, 99%, 39%)
HSB
hsb(348, 99%, 77%)
CMYK
cmyk(0%, 99%, 79%, 23%)
Oklch
oklch(52.0% 0.209 22.6)

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

#A40136

Dark Violet · FireBrick · Camellia

HEX
#A40136
RGB
rgb(164, 1, 54)
HSL
hsl(340, 99%, 32%)
HSB
hsb(340, 99%, 64%)
CMYK
cmyk(0%, 99%, 67%, 36%)
Oklch
oklch(45.7% 0.182 14.5)

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

#500232

Rose Purple · Maroon · Raspberry

HEX
#500232
RGB
rgb(80, 2, 50)
HSL
hsl(323, 95%, 16%)
HSB
hsb(323, 98%, 31%)
CMYK
cmyk(0%, 98%, 38%, 69%)
Oklch
oklch(28.6% 0.116 350.2)

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

#363B3E

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#363B3E
RGB
rgb(54, 59, 62)
HSL
hsl(202, 7%, 23%)
HSB
hsb(202, 13%, 24%)
CMYK
cmyk(13%, 5%, 0%, 76%)
Oklch
oklch(34.9% 0.009 233.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#5A5538

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#5A5538
RGB
rgb(90, 85, 56)
HSL
hsl(51, 23%, 29%)
HSB
hsb(51, 38%, 35%)
CMYK
cmyk(0%, 6%, 38%, 65%)
Oklch
oklch(44.6% 0.044 99.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C50129
01C69F

Analogous

C6018B
C50129
C63C01

Triadic

C50129
28C601
0128C6

Split-Comp.

C50129
01C63C
018BC6

Tetradic

C50129
8BC601
01C69F
3C01C6

Contrast Matrix WCAG 2.1 Contrast

C50129
A40136
500232
363B3E
5A5538
—
1.3
Fail
2.4
Fail
1.8
Fail
1.2
Fail
1.3
Fail
—
1.9
Fail
1.4
Fail
1.1
Fail
2.4
Fail
1.9
Fail
—
1.3
Fail
2.0
Fail
1.8
Fail
1.4
Fail
1.3
Fail
—
1.5
Fail
1.2
Fail
1.1
Fail
2.0
Fail
1.5
Fail
—
White BG
6.2AA
8.0AAA
15.0AAA
11.3AAA
7.5AAA
Black BG
3.4AA Large
2.6Fail
1.4Fail
1.9Fail
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

706E1F
5D5C29
2E2E26
38383D
58583F

Deuteranopia

7C8A1D
677326
333924
38383D
585941

Tritanopia

BB1816
9C1F1D
4C1D1B
363D3D
5A4546

Achromatopsia

404040
383838
1F1F1F
3A3A3A
535353

Shades & Tints Shades & Tints

#C50129

Dark
Light

#A40136

Dark
Light

#500232

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c50129;
  --color-2: #a40136;
  --color-3: #500232;
  --color-4: #363b3e;
  --color-5: #5a5538;
}

SCSS

$color-1: #c50129;
$color-2: #a40136;
$color-3: #500232;
$color-4: #363b3e;
$color-5: #5a5538;

TAILWIND

colors: {
  'brand-1': '#c50129',
  'brand-2': '#a40136',
  'brand-3': '#500232',
  'brand-4': '#363b3e',
  'brand-5': '#5a5538',
}

RGB Array

[197, 1, 41], [164, 1, 54], [80, 2, 50], [54, 59, 62], [90, 85, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C50129, #A40136, #500232, #363B3E, #5A5538 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: #c50129; --color-2: #a40136; --color-3: #500232; --color-4: #363b3e; --color-5: #5a5538. 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