← Back to Editor

#891871 · #FA5454 · #FFAC83 · #C6F4E2 · #FBFFD6

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

#891871

Rose Purple · Purple · Eggplant

HEX
#891871
RGB
rgb(137, 24, 113)
HSL
hsl(313, 70%, 32%)
HSB
hsb(313, 82%, 54%)
CMYK
cmyk(0%, 82%, 18%, 46%)
Oklch
oklch(43.8% 0.172 338.7)

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

#FA5454

Peach Pink · Tomato · Coral Red

HEX
#FA5454
RGB
rgb(250, 84, 84)
HSL
hsl(0, 94%, 65%)
HSB
hsb(0, 66%, 98%)
CMYK
cmyk(0%, 66%, 66%, 2%)
Oklch
oklch(67.3% 0.202 24.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFAC83

Apricot · LightSalmon · Peach Orange

HEX
#FFAC83
RGB
rgb(255, 172, 131)
HSL
hsl(20, 100%, 76%)
HSB
hsb(20, 49%, 100%)
CMYK
cmyk(0%, 33%, 49%, 0%)
Oklch
oklch(81.6% 0.112 47.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C6F4E2

Jade · LightBlue · Mint Green

HEX
#C6F4E2
RGB
rgb(198, 244, 226)
HSL
hsl(157, 68%, 87%)
HSB
hsb(157, 19%, 96%)
CMYK
cmyk(19%, 0%, 7%, 4%)
Oklch
oklch(93.0% 0.053 169.4)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#FBFFD6

Fresh Green · LightYellow · Lemon Cream

HEX
#FBFFD6
RGB
rgb(251, 255, 214)
HSL
hsl(66, 100%, 92%)
HSB
hsb(66, 16%, 100%)
CMYK
cmyk(2%, 0%, 16%, 0%)
Oklch
oklch(98.7% 0.053 111.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

891871
188B31

Analogous

6A188B
891871
8B1839

Triadic

891871
728B18
18728B

Split-Comp.

891871
398B18
188B6A

Tetradic

891871
8B6A18
188B31
18398B

Contrast Matrix WCAG 2.1 Contrast

891871
FA5454
FFAC83
C6F4E2
FBFFD6
—
2.7
Fail
4.7
AA
7.2
AAA
8.4
AAA
2.7
Fail
—
1.8
Fail
2.7
Fail
3.2
AA Large
4.7
AA
1.8
Fail
—
1.5
Fail
1.8
Fail
7.2
AAA
2.7
Fail
1.5
Fail
—
1.2
Fail
8.4
AAA
3.2
AA Large
1.8
Fail
1.2
Fail
—
White BG
8.6AAA
3.3AA Large
1.8Fail
1.2Fail
1.0Fail
Black BG
2.4Fail
6.5AA
11.5AAA
17.4AAA
20.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

58575B
B2B154
DBDA8D
DADAE6
FDFDE0

Deuteranopia

5F6756
BCC854
E0E68F
D7D4E7
FDFCE2

Tritanopia

834A47
F25454
FB9596
C8EAEB
FBE8E9

Achromatopsia

444444
868686
C0C0C0
E4E4E4
F9F9F9

Shades & Tints Shades & Tints

#891871

Dark
Light

#FA5454

Dark
Light

#FFAC83

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #891871;
  --color-2: #fa5454;
  --color-3: #ffac83;
  --color-4: #c6f4e2;
  --color-5: #fbffd6;
}

SCSS

$color-1: #891871;
$color-2: #fa5454;
$color-3: #ffac83;
$color-4: #c6f4e2;
$color-5: #fbffd6;

TAILWIND

colors: {
  'brand-1': '#891871',
  'brand-2': '#fa5454',
  'brand-3': '#ffac83',
  'brand-4': '#c6f4e2',
  'brand-5': '#fbffd6',
}

RGB Array

[137, 24, 113], [250, 84, 84], [255, 172, 131], [198, 244, 226], [251, 255, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #891871, #FA5454, #FFAC83, #C6F4E2, #FBFFD6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #891871; --color-2: #fa5454; --color-3: #ffac83; --color-4: #c6f4e2; --color-5: #fbffd6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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