← Back to Editor

#5E5A4F · #E6B741 · #F5DF89 · #FBFCD2 · #C4CC99

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#5E5A4F

Ochre · DimGray · Charcoal

HEX
#5E5A4F
RGB
rgb(94, 90, 79)
HSL
hsl(44, 9%, 34%)
HSB
hsb(44, 16%, 37%)
CMYK
cmyk(0%, 4%, 16%, 63%)
Oklch
oklch(46.8% 0.018 90.4)

Traditional「Ochre」· Paint「Charcoal」· Creative Midnight Shadow

#E6B741

Ginger · SandyBrown · Sunflower

HEX
#E6B741
RGB
rgb(230, 183, 65)
HSL
hsl(43, 77%, 58%)
HSB
hsb(43, 72%, 90%)
CMYK
cmyk(0%, 20%, 72%, 10%)
Oklch
oklch(80.1% 0.141 86.4)

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

#F5DF89

Goose Yellow · Khaki · Sunflower

HEX
#F5DF89
RGB
rgb(245, 223, 137)
HSL
hsl(48, 84%, 75%)
HSB
hsb(48, 44%, 96%)
CMYK
cmyk(0%, 9%, 44%, 4%)
Oklch
oklch(90.3% 0.109 95.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FBFCD2

Fresh Green · Beige · Lemon Cream

HEX
#FBFCD2
RGB
rgb(251, 252, 210)
HSL
hsl(61, 88%, 91%)
HSB
hsb(61, 17%, 99%)
CMYK
cmyk(0%, 0%, 17%, 1%)
Oklch
oklch(98.0% 0.054 108.5)

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

#C4CC99

Fresh Green · Tan · Sunflower

HEX
#C4CC99
RGB
rgb(196, 204, 153)
HSL
hsl(69, 33%, 70%)
HSB
hsb(69, 25%, 80%)
CMYK
cmyk(4%, 0%, 25%, 20%)
Oklch
oklch(82.6% 0.069 115.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E5A4F
4F535F

Analogous

5F534F
5E5A4F
5B5F4F

Triadic

5E5A4F
4F5F5A
5A4F5F

Split-Comp.

5E5A4F
4F5B5F
534F5F

Tetradic

5E5A4F
4F5F53
4F535F
5F4F5B

Contrast Matrix WCAG 2.1 Contrast

5E5A4F
E6B741
F5DF89
FBFCD2
C4CC99
—
3.7
AA Large
5.2
AA
6.5
AA
4.1
AA Large
3.7
AA Large
—
1.4
Fail
1.8
Fail
1.1
Fail
5.2
AA
1.4
Fail
—
1.3
Fail
1.3
Fail
6.5
AA
1.8
Fail
1.3
Fail
—
1.6
Fail
4.1
AA Large
1.1
Fail
1.3
Fail
1.6
Fail
—
White BG
6.9AA
1.9Fail
1.3Fail
1.1Fail
1.7Fail
Black BG
3.1AA Large
11.2AAA
15.8AAA
20.0AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C52
D2D15E
EBEB9E
FBFBDC
C7C8A5

Deuteranopia

5D5D52
D4D864
EDEEA3
FBFBDF
C7C6A8

Tritanopia

5E5454
E47479
F4AEB2
FBE4E6
C4AFB1

Achromatopsia

5A5A5A
B8B8B8
DCDCDC
F7F7F7
C4C4C4

Shades & Tints Shades & Tints

#5E5A4F

Dark
Light

#E6B741

Dark
Light

#F5DF89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e5a4f;
  --color-2: #e6b741;
  --color-3: #f5df89;
  --color-4: #fbfcd2;
  --color-5: #c4cc99;
}

SCSS

$color-1: #5e5a4f;
$color-2: #e6b741;
$color-3: #f5df89;
$color-4: #fbfcd2;
$color-5: #c4cc99;

TAILWIND

colors: {
  'brand-1': '#5e5a4f',
  'brand-2': '#e6b741',
  'brand-3': '#f5df89',
  'brand-4': '#fbfcd2',
  'brand-5': '#c4cc99',
}

RGB Array

[94, 90, 79], [230, 183, 65], [245, 223, 137], [251, 252, 210], [196, 204, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #5E5A4F, #E6B741, #F5DF89, #FBFCD2, #C4CC99 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #5e5a4f; --color-2: #e6b741; --color-3: #f5df89; --color-4: #fbfcd2; --color-5: #c4cc99. 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 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