← Back to Editor

#A60C90 · #B26498 · #85234A · #889A08 · #A52C57

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

#A60C90

Rose Purple · DarkMagenta · Eggplant

HEX
#A60C90
RGB
rgb(166, 12, 144)
HSL
hsl(309, 87%, 35%)
HSB
hsb(309, 93%, 65%)
CMYK
cmyk(0%, 93%, 13%, 35%)
Oklch
oklch(49.9% 0.215 335.9)

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

#B26498

Rose Purple · MediumOrchid · Rose Pink

HEX
#B26498
RGB
rgb(178, 100, 152)
HSL
hsl(320, 34%, 55%)
HSB
hsb(320, 44%, 70%)
CMYK
cmyk(0%, 44%, 15%, 30%)
Oklch
oklch(60.8% 0.120 340.9)

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

#85234A

Dark Violet · Brown · Camellia

HEX
#85234A
RGB
rgb(133, 35, 74)
HSL
hsl(336, 58%, 33%)
HSB
hsb(336, 74%, 52%)
CMYK
cmyk(0%, 74%, 44%, 48%)
Oklch
oklch(42.4% 0.136 0.7)

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

#889A08

Autumn Sage · Olive · Honey Gold

HEX
#889A08
RGB
rgb(136, 154, 8)
HSL
hsl(67, 90%, 32%)
HSB
hsb(67, 95%, 60%)
CMYK
cmyk(12%, 0%, 95%, 40%)
Oklch
oklch(64.9% 0.149 117.8)

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

#A52C57

Dark Violet · Brown · Camellia

HEX
#A52C57
RGB
rgb(165, 44, 87)
HSL
hsl(339, 58%, 41%)
HSB
hsb(339, 73%, 65%)
CMYK
cmyk(0%, 73%, 47%, 35%)
Oklch
oklch(49.2% 0.160 3.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A60C90
0CA723

Analogous

710CA7
A60C90
A70C42

Triadic

A60C90
90A70C
0C90A7

Split-Comp.

A60C90
42A70C
0CA771

Tetradic

A60C90
A7710C
0CA723
0C42A7

Contrast Matrix WCAG 2.1 Contrast

A60C90
B26498
85234A
889A08
A52C57
—
1.7
Fail
1.3
Fail
2.2
Fail
1.0
Fail
1.7
Fail
—
2.2
Fail
1.3
Fail
1.7
Fail
1.3
Fail
2.2
Fail
—
2.9
Fail
1.3
Fail
2.2
Fail
1.3
Fail
2.9
Fail
—
2.2
Fail
1.0
Fail
1.7
Fail
1.3
Fail
2.2
Fail
—
White BG
6.8AA
4.1AA Large
9.0AAA
3.1AA Large
6.8AA
Black BG
3.1AA Large
5.2AA
2.3Fail
6.7AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

636270
90908B
5B5A41
90902B
71704D

Deuteranopia

6C7868
959B88
60683E
8F8D34
78814A

Tritanopia

9E5751
AE817F
803937
89474D
9F4443

Achromatopsia

494949
818181
454545
848484
555555

Shades & Tints Shades & Tints

#A60C90

Dark
Light

#B26498

Dark
Light

#85234A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a60c90;
  --color-2: #b26498;
  --color-3: #85234a;
  --color-4: #889a08;
  --color-5: #a52c57;
}

SCSS

$color-1: #a60c90;
$color-2: #b26498;
$color-3: #85234a;
$color-4: #889a08;
$color-5: #a52c57;

TAILWIND

colors: {
  'brand-1': '#a60c90',
  'brand-2': '#b26498',
  'brand-3': '#85234a',
  'brand-4': '#889a08',
  'brand-5': '#a52c57',
}

RGB Array

[166, 12, 144], [178, 100, 152], [133, 35, 74], [136, 154, 8], [165, 44, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A60C90, #B26498, #85234A, #889A08, #A52C57 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: #a60c90; --color-2: #b26498; --color-3: #85234a; --color-4: #889a08; --color-5: #a52c57. 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