#992F4A + #E25081 + #E7956D + #9EC56A + #A3A7C4 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#992F4A

Crimson · Brown · Wine Red

HEX

#992F4A

RGB

rgb(153, 47, 74)

HSL

hsl(345, 53%, 39%)

HSB

hsb(345, 69%, 60%)

CMYK

cmyk(0%, 69%, 52%, 40%)

Oklch

oklch(47.1% 0.141 9.2)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#E25081

Dark Violet · LightCoral · Rose Pink

HEX

#E25081

RGB

rgb(226, 80, 129)

HSL

hsl(340, 72%, 60%)

HSB

hsb(340, 65%, 89%)

CMYK

cmyk(0%, 65%, 43%, 11%)

Oklch

oklch(64.1% 0.185 3.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E7956D

Apricot · DarkSalmon · Warm Sun

HEX

#E7956D

RGB

rgb(231, 149, 109)

HSL

hsl(20, 72%, 67%)

HSB

hsb(20, 53%, 91%)

CMYK

cmyk(0%, 35%, 53%, 9%)

Oklch

oklch(74.4% 0.113 46.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#9EC56A

Grass Green · DarkSeaGreen · Olive Green

HEX

#9EC56A

RGB

rgb(158, 197, 106)

HSL

hsl(86, 44%, 59%)

HSB

hsb(86, 46%, 77%)

CMYK

cmyk(20%, 0%, 46%, 23%)

Oklch

oklch(77.5% 0.127 128.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#A3A7C4

Azure · DarkGray · Cobalt Blue

HEX

#A3A7C4

RGB

rgb(163, 167, 196)

HSL

hsl(233, 22%, 70%)

HSB

hsb(233, 17%, 77%)

CMYK

cmyk(17%, 15%, 0%, 23%)

Oklch

oklch(73.5% 0.042 279.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

992F4A

2F987E

Analogous

982F7E

992F4A

98492F

Triadic

992F4A

49982F

2F4998

Split-Comp.

992F4A

2F9849

2F7E98

Tetradic

992F4A

7E982F

2F987E

492F98

Contrast Matrix WCAG 2.1 Contrast

992F4A	E25081	E7956D	9EC56A	A3A7C4
—	2.0 Fail	3.1 AA Large	3.7 AA Large	3.1 AA Large
2.0 Fail	—	1.6 Fail	1.9 Fail	1.6 Fail
3.1 AA Large	1.6 Fail	—	1.2 Fail	1.0 Fail
3.7 AA Large	1.9 Fail	1.2 Fail	—	1.2 Fail
3.1 AA Large	1.6 Fail	1.0 Fail	1.2 Fail	—

White BG

7.3AAA

3.7AA Large

2.4Fail

2.0Fail

2.4Fail

Black BG

2.9Fail

5.7AA

8.9AAA

10.6AAA

8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6A43

A3A175

C3C377

AFAF80

A5A5BD

Deuteranopia

717942

ABB672

C8CE79

ADAA85

A5A4BB

Tritanopia

943E3D

DB6C6A

E37E80

A09195

A3B7B6

Achromatopsia

525252

818181

A9A9A9

AFAFAF

A9A9A9

Shades & Tints Shades & Tints

#992F4A

Dark

Light

#E25081

Dark

Light

#E7956D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #992f4a;
  --color-2: #e25081;
  --color-3: #e7956d;
  --color-4: #9ec56a;
  --color-5: #a3a7c4;
}

SCSS

$color-1: #992f4a;
$color-2: #e25081;
$color-3: #e7956d;
$color-4: #9ec56a;
$color-5: #a3a7c4;

TAILWIND

colors: {
  'brand-1': '#992f4a',
  'brand-2': '#e25081',
  'brand-3': '#e7956d',
  'brand-4': '#9ec56a',
  'brand-5': '#a3a7c4',
}

RGB Array

[153, 47, 74], [226, 80, 129], [231, 149, 109], [158, 197, 106], [163, 167, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #992F4A, #E25081, #E7956D, #9EC56A, #A3A7C4 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #992f4a; --color-2: #e25081; --color-3: #e7956d; --color-4: #9ec56a; --color-5: #a3a7c4. 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. 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 tech, SaaS, healthcare, eco industries. 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