← Back to Editor

#EAEAC8 · #E1613E · #D38532 · #8B7947 · #CEBC74

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

#EAEAC8

Fresh Green · Bisque · Lemon Cream

HEX
#EAEAC8
RGB
rgb(234, 234, 200)
HSL
hsl(60, 45%, 85%)
HSB
hsb(60, 15%, 92%)
CMYK
cmyk(0%, 0%, 15%, 8%)
Oklch
oklch(92.8% 0.045 107.2)

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

#E1613E

Vermilion · Tomato · Passion Red

HEX
#E1613E
RGB
rgb(225, 97, 62)
HSL
hsl(13, 73%, 56%)
HSB
hsb(13, 72%, 88%)
CMYK
cmyk(0%, 57%, 72%, 12%)
Oklch
oklch(64.7% 0.168 36.2)

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

#D38532

Ginger · Chocolate · Warm Sun

HEX
#D38532
RGB
rgb(211, 133, 50)
HSL
hsl(31, 65%, 51%)
HSB
hsb(31, 76%, 83%)
CMYK
cmyk(0%, 37%, 76%, 17%)
Oklch
oklch(68.4% 0.135 63.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#8B7947

Ochre · DimGray · Honey Gold

HEX
#8B7947
RGB
rgb(139, 121, 71)
HSL
hsl(44, 32%, 41%)
HSB
hsb(44, 49%, 55%)
CMYK
cmyk(0%, 13%, 49%, 45%)
Oklch
oklch(58.1% 0.072 90.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#CEBC74

Ginger · BurlyWood · Sunflower

HEX
#CEBC74
RGB
rgb(206, 188, 116)
HSL
hsl(48, 48%, 63%)
HSB
hsb(48, 44%, 81%)
CMYK
cmyk(0%, 9%, 44%, 19%)
Oklch
oklch(79.4% 0.094 95.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAEAC8
C8C8EA

Analogous

EAD9C8
EAEAC8
D9EAC8

Triadic

EAEAC8
C8EAEA
EAC8EA

Split-Comp.

EAEAC8
C8D9EA
D9C8EA

Tetradic

EAEAC8
C8EAD9
C8C8EA
EAC8D9

Contrast Matrix WCAG 2.1 Contrast

EAEAC8
E1613E
D38532
8B7947
CEBC74
—
2.9
Fail
2.4
Fail
3.5
AA Large
1.5
Fail
2.9
Fail
—
1.2
Fail
1.2
Fail
1.9
Fail
2.4
Fail
1.2
Fail
—
1.5
Fail
1.5
Fail
3.5
AA Large
1.2
Fail
1.5
Fail
—
2.2
Fail
1.5
Fail
1.9
Fail
1.5
Fail
2.2
Fail
—
White BG
1.2Fail
3.5AA Large
2.9Fail
4.3AA Large
1.9Fail
Black BG
17.1AAA
6.0AA
7.2AAA
4.9AA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD0
AAA846
B1B146
838353
C6C685

Deuteranopia

EAEAD2
B1BB49
B6BC4B
848656
C7C98A

Tritanopia

EAD7D8
DB4D4F
CF5659
8A5D5F
CD9396

Achromatopsia

E6E6E6
838383
939393
797979
B9B9B9

Shades & Tints Shades & Tints

#EAEAC8

Dark
Light

#E1613E

Dark
Light

#D38532

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaeac8;
  --color-2: #e1613e;
  --color-3: #d38532;
  --color-4: #8b7947;
  --color-5: #cebc74;
}

SCSS

$color-1: #eaeac8;
$color-2: #e1613e;
$color-3: #d38532;
$color-4: #8b7947;
$color-5: #cebc74;

TAILWIND

colors: {
  'brand-1': '#eaeac8',
  'brand-2': '#e1613e',
  'brand-3': '#d38532',
  'brand-4': '#8b7947',
  'brand-5': '#cebc74',
}

RGB Array

[234, 234, 200], [225, 97, 62], [211, 133, 50], [139, 121, 71], [206, 188, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EAEAC8, #E1613E, #D38532, #8B7947, #CEBC74 is ideal for: 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: #eaeac8; --color-2: #e1613e; --color-3: #d38532; --color-4: #8b7947; --color-5: #cebc74. 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 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