← Back to Editor

#75004A · #9C3858 · #E78676 · #FAC998 · #BAA06C

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

#75004A

Rose Purple · Purple · Raspberry

HEX
#75004A
RGB
rgb(117, 0, 74)
HSL
hsl(322, 100%, 23%)
HSB
hsb(322, 100%, 46%)
CMYK
cmyk(0%, 100%, 37%, 54%)
Oklch
oklch(37.0% 0.154 350.7)

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

#9C3858

Dark Violet · Brown · Camellia

HEX
#9C3858
RGB
rgb(156, 56, 88)
HSL
hsl(341, 47%, 42%)
HSB
hsb(341, 64%, 61%)
CMYK
cmyk(0%, 64%, 44%, 39%)
Oklch
oklch(49.1% 0.136 3.8)

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

#E78676

Peach Pink · LightCoral · Coral Red

HEX
#E78676
RGB
rgb(231, 134, 118)
HSL
hsl(8, 70%, 68%)
HSB
hsb(8, 49%, 91%)
CMYK
cmyk(0%, 42%, 49%, 9%)
Oklch
oklch(72.1% 0.122 30.3)

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

#FAC998

Goose Yellow · Khaki · Peach Orange

HEX
#FAC998
RGB
rgb(250, 201, 152)
HSL
hsl(30, 91%, 79%)
HSB
hsb(30, 39%, 98%)
CMYK
cmyk(0%, 20%, 39%, 2%)
Oklch
oklch(86.8% 0.085 66.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#BAA06C

Ginger · Tan · Sunflower

HEX
#BAA06C
RGB
rgb(186, 160, 108)
HSL
hsl(40, 36%, 58%)
HSB
hsb(40, 42%, 73%)
CMYK
cmyk(0%, 14%, 42%, 27%)
Oklch
oklch(71.7% 0.076 84.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75004A
00752B

Analogous

660075
75004A
750010

Triadic

75004A
4A7500
004A75

Split-Comp.

75004A
107500
007566

Tetradic

75004A
756600
00752B
001075

Contrast Matrix WCAG 2.1 Contrast

75004A
9C3858
E78676
FAC998
BAA06C
—
1.7
Fail
4.3
AA Large
7.5
AAA
4.5
AA Large
1.7
Fail
—
2.6
Fail
4.4
AA Large
2.7
Fail
4.3
AA Large
2.6
Fail
—
1.7
Fail
1.0
Fail
7.5
AAA
4.4
AA Large
1.7
Fail
—
1.7
Fail
4.5
AA Large
2.7
Fail
1.0
Fail
1.7
Fail
—
White BG
11.3AAA
6.7AA
2.6Fail
1.5Fail
2.5Fail
Black BG
1.9Fail
3.1AA Large
8.1AAA
13.9AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

424138
717050
BDBC7A
E5E4A4
AFAF79

Deuteranopia

495234
777E4E
C3CA7B
E8EBA7
B0B27C

Tritanopia

6F2A27
974A49
E27D7E
F8ADAF
B98385

Achromatopsia

2B2B2B
5A5A5A
A1A1A1
D2D2D2
A2A2A2

Shades & Tints Shades & Tints

#75004A

Dark
Light

#9C3858

Dark
Light

#E78676

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75004a;
  --color-2: #9c3858;
  --color-3: #e78676;
  --color-4: #fac998;
  --color-5: #baa06c;
}

SCSS

$color-1: #75004a;
$color-2: #9c3858;
$color-3: #e78676;
$color-4: #fac998;
$color-5: #baa06c;

TAILWIND

colors: {
  'brand-1': '#75004a',
  'brand-2': '#9c3858',
  'brand-3': '#e78676',
  'brand-4': '#fac998',
  'brand-5': '#baa06c',
}

RGB Array

[117, 0, 74], [156, 56, 88], [231, 134, 118], [250, 201, 152], [186, 160, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #75004A, #9C3858, #E78676, #FAC998, #BAA06C 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: #75004a; --color-2: #9c3858; --color-3: #e78676; --color-4: #fac998; --color-5: #baa06c. 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