← Back to Editor

#4C015C · #821872 · #B12E56 · #F2662B · #BDA7CB

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

Color Details Color Details

#4C015C

Royal Purple · MidnightBlue · Dark Purple

HEX
#4C015C
RGB
rgb(76, 1, 92)
HSL
hsl(289, 98%, 18%)
HSB
hsb(289, 99%, 36%)
CMYK
cmyk(17%, 99%, 0%, 64%)
Oklch
oklch(30.6% 0.146 319.0)

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

#821872

Rose Purple · Purple · Eggplant

HEX
#821872
RGB
rgb(130, 24, 114)
HSL
hsl(309, 69%, 30%)
HSB
hsb(309, 82%, 51%)
CMYK
cmyk(0%, 82%, 12%, 49%)
Oklch
oklch(42.7% 0.169 335.3)

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

#B12E56

Dark Violet · Brown · Camellia

HEX
#B12E56
RGB
rgb(177, 46, 86)
HSL
hsl(342, 59%, 44%)
HSB
hsb(342, 74%, 69%)
CMYK
cmyk(0%, 74%, 51%, 31%)
Oklch
oklch(51.5% 0.168 7.3)

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

#F2662B

Tangerine · Tomato · Warm Sun

HEX
#F2662B
RGB
rgb(242, 102, 43)
HSL
hsl(18, 88%, 56%)
HSB
hsb(18, 82%, 95%)
CMYK
cmyk(0%, 58%, 82%, 5%)
Oklch
oklch(67.8% 0.186 40.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#BDA7CB

Lilac · Silver · Lilac Purple

HEX
#BDA7CB
RGB
rgb(189, 167, 203)
HSL
hsl(277, 26%, 73%)
HSB
hsb(277, 18%, 80%)
CMYK
cmyk(7%, 18%, 0%, 20%)
Oklch
oklch(75.9% 0.056 312.3)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C015C
115B01

Analogous

1D015B
4C015C
5B013E

Triadic

4C015C
5B4A01
015B4A

Split-Comp.

4C015C
3E5B01
015B1D

Tetradic

4C015C
5B1D01
115B01
013E5B

Contrast Matrix WCAG 2.1 Contrast

4C015C
821872
B12E56
F2662B
BDA7CB
—
1.6
Fail
2.3
Fail
4.6
AA
6.5
AA
1.6
Fail
—
1.5
Fail
2.9
Fail
4.1
AA Large
2.3
Fail
1.5
Fail
—
2.0
Fail
2.8
Fail
4.6
AA
2.9
Fail
2.0
Fail
—
1.4
Fail
6.5
AA
4.1
AA Large
2.8
Fail
1.4
Fail
—
White BG
14.3AAA
9.0AAA
6.2AA
3.1AA Large
2.2Fail
Black BG
1.5Fail
2.3Fail
3.4AA Large
6.7AA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2B46
54535C
78774C
B5B439
B3B3C2

Deuteranopia

303541
5A6257
808A4A
BEC83D
B5B6C0

Tritanopia

483531
7D4B47
AA4543
EB4547
BCBBBA

Achromatopsia

222222
424242
5A5A5A
898989
B2B2B2

Shades & Tints Shades & Tints

#4C015C

Dark
Light

#821872

Dark
Light

#B12E56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c015c;
  --color-2: #821872;
  --color-3: #b12e56;
  --color-4: #f2662b;
  --color-5: #bda7cb;
}

SCSS

$color-1: #4c015c;
$color-2: #821872;
$color-3: #b12e56;
$color-4: #f2662b;
$color-5: #bda7cb;

TAILWIND

colors: {
  'brand-1': '#4c015c',
  'brand-2': '#821872',
  'brand-3': '#b12e56',
  'brand-4': '#f2662b',
  'brand-5': '#bda7cb',
}

RGB Array

[76, 1, 92], [130, 24, 114], [177, 46, 86], [242, 102, 43], [189, 167, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #4C015C, #821872, #B12E56, #F2662B, #BDA7CB is ideal for: social media posters, mobile apps, e-commerce promos, 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: #4c015c; --color-2: #821872; --color-3: #b12e56; --color-4: #f2662b; --color-5: #bda7cb. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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