← Back to Editor

#EE124F · #FE0F2C · #905C2D · #711A3C · #50334F

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

#EE124F

Dark Violet · Crimson · Camellia

HEX
#EE124F
RGB
rgb(238, 18, 79)
HSL
hsl(343, 87%, 50%)
HSB
hsb(343, 92%, 93%)
CMYK
cmyk(0%, 92%, 67%, 7%)
Oklch
oklch(60.7% 0.237 16.0)

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

#FE0F2C

Vermilion · Crimson · Passion Red

HEX
#FE0F2C
RGB
rgb(254, 15, 44)
HSL
hsl(353, 99%, 53%)
HSB
hsb(353, 94%, 100%)
CMYK
cmyk(0%, 94%, 83%, 0%)
Oklch
oklch(63.1% 0.252 25.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#905C2D

Tangerine · Sienna · Amber Brown

HEX
#905C2D
RGB
rgb(144, 92, 45)
HSL
hsl(28, 52%, 37%)
HSB
hsb(28, 69%, 56%)
CMYK
cmyk(0%, 36%, 69%, 44%)
Oklch
oklch(52.3% 0.092 60.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#711A3C

Dark Violet · Brown · Camellia

HEX
#711A3C
RGB
rgb(113, 26, 60)
HSL
hsl(337, 63%, 27%)
HSB
hsb(337, 77%, 44%)
CMYK
cmyk(0%, 77%, 47%, 56%)
Oklch
oklch(37.4% 0.123 1.6)

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

#50334F

Rose Purple · DarkSlateGray · Eggplant

HEX
#50334F
RGB
rgb(80, 51, 79)
HSL
hsl(302, 22%, 26%)
HSB
hsb(302, 36%, 31%)
CMYK
cmyk(0%, 36%, 1%, 69%)
Oklch
oklch(36.7% 0.060 327.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE124F
11EEB0

Analogous

EE11BE
EE124F
EE4111

Triadic

EE124F
4FEE11
114FEE

Split-Comp.

EE124F
11EE41
11BEEE

Tetradic

EE124F
BEEE11
11EEB0
4111EE

Contrast Matrix WCAG 2.1 Contrast

EE124F
FE0F2C
905C2D
711A3C
50334F
—
1.1
Fail
1.3
Fail
2.5
Fail
2.5
Fail
1.1
Fail
—
1.4
Fail
2.8
Fail
2.8
Fail
1.3
Fail
1.4
Fail
—
2.0
Fail
1.9
Fail
2.5
Fail
2.8
Fail
2.0
Fail
—
1.0
Fail
2.5
Fail
2.8
Fail
1.9
Fail
1.0
Fail
—
White BG
4.3AA Large
3.9AA Large
5.6AA
11.0AAA
10.9AAA
Black BG
4.8AA
5.3AA
3.8AA Large
1.9Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8D40
979425
797938
4B4B34
434348

Deuteranopia

9CAC3D
A4B623
7D803B
505732
454747

Tritanopia

E33532
F21F1E
8D4143
6D2D2C
4F4342

Achromatopsia

5B5B5B
5A5A5A
666666
383838
3F3F3F

Shades & Tints Shades & Tints

#EE124F

Dark
Light

#FE0F2C

Dark
Light

#905C2D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee124f;
  --color-2: #fe0f2c;
  --color-3: #905c2d;
  --color-4: #711a3c;
  --color-5: #50334f;
}

SCSS

$color-1: #ee124f;
$color-2: #fe0f2c;
$color-3: #905c2d;
$color-4: #711a3c;
$color-5: #50334f;

TAILWIND

colors: {
  'brand-1': '#ee124f',
  'brand-2': '#fe0f2c',
  'brand-3': '#905c2d',
  'brand-4': '#711a3c',
  'brand-5': '#50334f',
}

RGB Array

[238, 18, 79], [254, 15, 44], [144, 92, 45], [113, 26, 60], [80, 51, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EE124F, #FE0F2C, #905C2D, #711A3C, #50334F 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: #ee124f; --color-2: #fe0f2c; --color-3: #905c2d; --color-4: #711a3c; --color-5: #50334f. 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