← Back to Editor

#510414 · #1703A4 · #59004A · #B00E3D · #E94024

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

#510414

Vermilion · Maroon · Deep Berry

HEX
#510414
RGB
rgb(81, 4, 20)
HSL
hsl(348, 91%, 17%)
HSB
hsb(348, 95%, 32%)
CMYK
cmyk(0%, 95%, 75%, 68%)
Oklch
oklch(28.0% 0.107 17.6)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#1703A4

Deep Indigo · Navy · Prussian Blue

HEX
#1703A4
RGB
rgb(23, 3, 164)
HSL
hsl(247, 96%, 33%)
HSB
hsb(247, 98%, 64%)
CMYK
cmyk(86%, 98%, 0%, 36%)
Oklch
oklch(33.4% 0.219 268.8)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#59004A

Rose Purple · Purple · Dark Purple

HEX
#59004A
RGB
rgb(89, 0, 74)
HSL
hsl(310, 100%, 17%)
HSB
hsb(310, 100%, 35%)
CMYK
cmyk(0%, 100%, 17%, 65%)
Oklch
oklch(31.6% 0.139 337.4)

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

#B00E3D

Dark Violet · FireBrick · Camellia

HEX
#B00E3D
RGB
rgb(176, 14, 61)
HSL
hsl(343, 85%, 37%)
HSB
hsb(343, 92%, 69%)
CMYK
cmyk(0%, 92%, 65%, 31%)
Oklch
oklch(48.6% 0.188 14.3)

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

#E94024

Vermilion · OrangeRed · Passion Red

HEX
#E94024
RGB
rgb(233, 64, 36)
HSL
hsl(9, 82%, 53%)
HSB
hsb(9, 85%, 91%)
CMYK
cmyk(0%, 73%, 85%, 9%)
Oklch
oklch(62.0% 0.210 32.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

510414
045343

Analogous

53043B
510414
531C04

Triadic

510414
145304
041453

Split-Comp.

510414
04531C
043B53

Tetradic

510414
3B5304
045343
1C0453

Contrast Matrix WCAG 2.1 Contrast

510414
1703A4
59004A
B00E3D
E94024
—
1.2
Fail
1.1
Fail
2.2
Fail
3.8
AA Large
1.2
Fail
—
1.0
Fail
1.9
Fail
3.3
AA Large
1.1
Fail
1.0
Fail
—
2.0
Fail
3.4
AA Large
2.2
Fail
1.9
Fail
2.0
Fail
—
1.8
Fail
3.8
AA Large
3.3
AA Large
3.4
AA Large
1.8
Fail
—
White BG
15.2AAA
13.2AAA
13.8AAA
7.1AAA
4.0AA Large
Black BG
1.4Fail
1.6Fail
1.5Fail
3.0Fail
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

302F10
0E0E7D
323238
6A6832
A09E2B

Deuteranopia

343A0F
101174
383E34
737F2F
AAB62C

Tritanopia

4D0D0C
165E58
552A27
A82927
E13031

Achromatopsia

1D1D1D
1B1B1B
232323
444444
6F6F6F

Shades & Tints Shades & Tints

#510414

Dark
Light

#1703A4

Dark
Light

#59004A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #510414;
  --color-2: #1703a4;
  --color-3: #59004a;
  --color-4: #b00e3d;
  --color-5: #e94024;
}

SCSS

$color-1: #510414;
$color-2: #1703a4;
$color-3: #59004a;
$color-4: #b00e3d;
$color-5: #e94024;

TAILWIND

colors: {
  'brand-1': '#510414',
  'brand-2': '#1703a4',
  'brand-3': '#59004a',
  'brand-4': '#b00e3d',
  'brand-5': '#e94024',
}

RGB Array

[81, 4, 20], [23, 3, 164], [89, 0, 74], [176, 14, 61], [233, 64, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #510414, #1703A4, #59004A, #B00E3D, #E94024 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: #510414; --color-2: #1703a4; --color-3: #59004a; --color-4: #b00e3d; --color-5: #e94024. 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