← Back to Editor

#52034B · #33022F · #260223 · #183018 · #245203

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

#52034B

Rose Purple · Purple · Dark Purple

HEX
#52034B
RGB
rgb(82, 3, 75)
HSL
hsl(305, 93%, 17%)
HSB
hsb(305, 96%, 32%)
CMYK
cmyk(0%, 96%, 9%, 68%)
Oklch
oklch(30.5% 0.133 332.7)

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

#33022F

Rose Purple · Black · Dark Purple

HEX
#33022F
RGB
rgb(51, 2, 47)
HSL
hsl(305, 92%, 10%)
HSB
hsb(305, 96%, 20%)
CMYK
cmyk(0%, 96%, 8%, 80%)
Oklch
oklch(22.5% 0.097 332.0)

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

#260223

Rose Purple · Black · Dark Purple

HEX
#260223
RGB
rgb(38, 2, 35)
HSL
hsl(305, 90%, 8%)
HSB
hsb(305, 95%, 15%)
CMYK
cmyk(0%, 95%, 8%, 85%)
Oklch
oklch(19.0% 0.079 331.8)

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

#183018

Celadon · Black · Dark Green

HEX
#183018
RGB
rgb(24, 48, 24)
HSL
hsl(120, 33%, 14%)
HSB
hsb(120, 50%, 19%)
CMYK
cmyk(50%, 0%, 50%, 81%)
Oklch
oklch(28.2% 0.052 144.0)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#245203

Pine Green · DarkGreen · Dark Green

HEX
#245203
RGB
rgb(36, 82, 3)
HSL
hsl(95, 93%, 17%)
HSB
hsb(95, 96%, 32%)
CMYK
cmyk(56%, 0%, 96%, 68%)
Oklch
oklch(39.1% 0.115 136.4)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

52034B
03540A

Analogous

320354
52034B
540325

Triadic

52034B
4D5403
034D54

Split-Comp.

52034B
255403
035432

Tetradic

52034B
543203
03540A
032554

Contrast Matrix WCAG 2.1 Contrast

52034B
33022F
260223
183018
245203
—
1.2
Fail
1.3
Fail
1.0
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
2.0
Fail
1.0
Fail
1.2
Fail
1.3
Fail
—
1.5
Fail
1.5
Fail
1.9
Fail
2.0
Fail
1.5
Fail
—
White BG
14.3AAA
17.6AAA
18.8AAA
14.2AAA
9.2AAA
Black BG
1.5Fail
1.2Fail
1.1Fail
1.5Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

302F3A
1E1D24
16161B
22231E
383816

Deuteranopia

343A35
212422
191B19
211F1F
35321B

Tritanopia

4E2C29
311C1A
241513
192223
262529

Achromatopsia

232323
161616
111111
262626
3B3B3B

Shades & Tints Shades & Tints

#52034B

Dark
Light

#33022F

Dark
Light

#260223

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #52034b;
  --color-2: #33022f;
  --color-3: #260223;
  --color-4: #183018;
  --color-5: #245203;
}

SCSS

$color-1: #52034b;
$color-2: #33022f;
$color-3: #260223;
$color-4: #183018;
$color-5: #245203;

TAILWIND

colors: {
  'brand-1': '#52034b',
  'brand-2': '#33022f',
  'brand-3': '#260223',
  'brand-4': '#183018',
  'brand-5': '#245203',
}

RGB Array

[82, 3, 75], [51, 2, 47], [38, 2, 35], [24, 48, 24], [36, 82, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #52034B, #33022F, #260223, #183018, #245203 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: #52034b; --color-2: #33022f; --color-3: #260223; --color-4: #183018; --color-5: #245203. 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