← Back to Editor

#370052 · #442D7D · #693D72 · #93AA24 · #EBE142

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 AppData Visualization

Color Details Color Details

#370052

Royal Purple · MidnightBlue · Dark Purple

HEX
#370052
RGB
rgb(55, 0, 82)
HSL
hsl(280, 100%, 16%)
HSB
hsb(280, 100%, 32%)
CMYK
cmyk(33%, 100%, 0%, 68%)
Oklch
oklch(26.0% 0.132 309.7)

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

#442D7D

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#442D7D
RGB
rgb(68, 45, 125)
HSL
hsl(257, 47%, 33%)
HSB
hsb(257, 64%, 49%)
CMYK
cmyk(46%, 64%, 0%, 51%)
Oklch
oklch(37.1% 0.129 292.2)

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

#693D72

Dark Plum · DarkSlateBlue · Eggplant

HEX
#693D72
RGB
rgb(105, 61, 114)
HSL
hsl(290, 30%, 34%)
HSB
hsb(290, 46%, 45%)
CMYK
cmyk(8%, 46%, 0%, 55%)
Oklch
oklch(43.5% 0.099 320.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#93AA24

Grass Green · DarkGoldenRod · Forest Green

HEX
#93AA24
RGB
rgb(147, 170, 36)
HSL
hsl(70, 65%, 40%)
HSB
hsb(70, 79%, 67%)
CMYK
cmyk(14%, 0%, 79%, 33%)
Oklch
oklch(69.7% 0.153 119.4)

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

#EBE142

Autumn Sage · SandyBrown · Sunflower

HEX
#EBE142
RGB
rgb(235, 225, 66)
HSL
hsl(56, 81%, 59%)
HSB
hsb(56, 72%, 92%)
CMYK
cmyk(0%, 4%, 72%, 8%)
Oklch
oklch(89.1% 0.170 105.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

370052
1B5200

Analogous

0E0052
370052
520044

Triadic

370052
523600
005236

Split-Comp.

370052
445200
00520E

Tetradic

370052
520E00
1B5200
004452

Contrast Matrix WCAG 2.1 Contrast

370052
442D7D
693D72
93AA24
EBE142
—
1.5
Fail
2.0
Fail
6.2
AA
12.0
AAA
1.5
Fail
—
1.3
Fail
4.2
AA Large
8.0
AAA
2.0
Fail
1.3
Fail
—
3.2
AA Large
6.1
AA
6.2
AA
4.2
AA Large
3.2
AA Large
—
1.9
Fail
12.0
AAA
8.0
AAA
6.1
AA
1.9
Fail
—
White BG
16.4AAA
11.0AAA
8.4AAA
2.6Fail
1.4Fail
Black BG
1.3Fail
1.9Fail
2.5Fail
8.0AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F3E
3A3A6A
565665
9D9D44
E7E768

Deuteranopia

222739
3B3D65
595C62
9C9A4C
E7E872

Tritanopia

342E2B
435A57
675B59
945E64
EB878E

Achromatopsia

1A1A1A
3D3D3D
505050
949494
D2D2D2

Shades & Tints Shades & Tints

#370052

Dark
Light

#442D7D

Dark
Light

#693D72

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #370052;
  --color-2: #442d7d;
  --color-3: #693d72;
  --color-4: #93aa24;
  --color-5: #ebe142;
}

SCSS

$color-1: #370052;
$color-2: #442d7d;
$color-3: #693d72;
$color-4: #93aa24;
$color-5: #ebe142;

TAILWIND

colors: {
  'brand-1': '#370052',
  'brand-2': '#442d7d',
  'brand-3': '#693d72',
  'brand-4': '#93aa24',
  'brand-5': '#ebe142',
}

RGB Array

[55, 0, 82], [68, 45, 125], [105, 61, 114], [147, 170, 36], [235, 225, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #370052, #442D7D, #693D72, #93AA24, #EBE142 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #370052; --color-2: #442d7d; --color-3: #693d72; --color-4: #93aa24; --color-5: #ebe142. 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. 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 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