← Back to Editor

#AED071 · #956A4A · #D7616D · #F98183 · #F4EEB0

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

#AED071

Willow Green · DarkSeaGreen · Apple Green

HEX
#AED071
RGB
rgb(174, 208, 113)
HSL
hsl(81, 50%, 63%)
HSB
hsb(81, 46%, 82%)
CMYK
cmyk(16%, 0%, 46%, 18%)
Oklch
oklch(81.2% 0.128 125.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#956A4A

Tangerine · Sienna · Amber Brown

HEX
#956A4A
RGB
rgb(149, 106, 74)
HSL
hsl(26, 34%, 44%)
HSB
hsb(26, 50%, 58%)
CMYK
cmyk(0%, 29%, 50%, 42%)
Oklch
oklch(56.1% 0.072 57.3)

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

#D7616D

Peach Pink · LightCoral · Coral Red

HEX
#D7616D
RGB
rgb(215, 97, 109)
HSL
hsl(354, 60%, 61%)
HSB
hsb(354, 55%, 84%)
CMYK
cmyk(0%, 55%, 49%, 16%)
Oklch
oklch(64.1% 0.149 16.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F98183

Peach Pink · LightCoral · Coral Red

HEX
#F98183
RGB
rgb(249, 129, 131)
HSL
hsl(359, 91%, 74%)
HSB
hsb(359, 48%, 98%)
CMYK
cmyk(0%, 48%, 47%, 2%)
Oklch
oklch(73.9% 0.147 20.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F4EEB0

Fresh Green · Wheat · Lemon Cream

HEX
#F4EEB0
RGB
rgb(244, 238, 176)
HSL
hsl(55, 76%, 82%)
HSB
hsb(55, 28%, 96%)
CMYK
cmyk(0%, 2%, 28%, 4%)
Oklch
oklch(93.9% 0.080 103.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AED071
9271D0

Analogous

D0C271
AED071
80D071

Triadic

AED071
71AFD0
D071AF

Split-Comp.

AED071
7180D0
C271D0

Tetradic

AED071
71D0C2
9271D0
D07180

Contrast Matrix WCAG 2.1 Contrast

AED071
956A4A
D7616D
F98183
F4EEB0
—
2.7
Fail
2.1
Fail
1.4
Fail
1.5
Fail
2.7
Fail
—
1.3
Fail
1.9
Fail
4.0
AA Large
2.1
Fail
1.3
Fail
—
1.5
Fail
3.0
AA Large
1.4
Fail
1.9
Fail
1.5
Fail
—
2.1
Fail
1.5
Fail
4.0
AA Large
3.0
AA Large
2.1
Fail
—
White BG
1.7Fail
4.7AA
3.6AA Large
2.5Fail
1.2Fail
Black BG
12.1AAA
4.4AA Large
5.8AA
8.5AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBD88
828252
A4A36A
C5C483
F1F1BF

Deuteranopia

BBB88E
858854
ABB469
CCD582
F2F2C3

Tritanopia

B09A9E
935859
D16867
F38282
F4CBCD

Achromatopsia

BBBBBB
737373
868686
A5A5A5
E9E9E9

Shades & Tints Shades & Tints

#AED071

Dark
Light

#956A4A

Dark
Light

#D7616D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aed071;
  --color-2: #956a4a;
  --color-3: #d7616d;
  --color-4: #f98183;
  --color-5: #f4eeb0;
}

SCSS

$color-1: #aed071;
$color-2: #956a4a;
$color-3: #d7616d;
$color-4: #f98183;
$color-5: #f4eeb0;

TAILWIND

colors: {
  'brand-1': '#aed071',
  'brand-2': '#956a4a',
  'brand-3': '#d7616d',
  'brand-4': '#f98183',
  'brand-5': '#f4eeb0',
}

RGB Array

[174, 208, 113], [149, 106, 74], [215, 97, 109], [249, 129, 131], [244, 238, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #AED071, #956A4A, #D7616D, #F98183, #F4EEB0 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #aed071; --color-2: #956a4a; --color-3: #d7616d; --color-4: #f98183; --color-5: #f4eeb0. 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 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