← Back to Editor

#EAE9BB · #CED178 · #898C3B · #CE3C51 · #6B6A66

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

#EAE9BB

Fresh Green · Wheat · Lemon Cream

HEX
#EAE9BB
RGB
rgb(234, 233, 187)
HSL
hsl(59, 53%, 83%)
HSB
hsb(59, 20%, 92%)
CMYK
cmyk(0%, 0%, 20%, 8%)
Oklch
oklch(92.3% 0.060 106.5)

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

#CED178

Fresh Green · BurlyWood · Sunflower

HEX
#CED178
RGB
rgb(206, 209, 120)
HSL
hsl(62, 49%, 65%)
HSB
hsb(62, 43%, 82%)
CMYK
cmyk(1%, 0%, 43%, 18%)
Oklch
oklch(83.9% 0.112 110.3)

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

#898C3B

Autumn Sage · Olive · Honey Gold

HEX
#898C3B
RGB
rgb(137, 140, 59)
HSL
hsl(62, 41%, 39%)
HSB
hsb(62, 58%, 55%)
CMYK
cmyk(2%, 0%, 58%, 45%)
Oklch
oklch(62.0% 0.104 111.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#CE3C51

Crimson · Crimson · Passion Red

HEX
#CE3C51
RGB
rgb(206, 60, 81)
HSL
hsl(351, 60%, 52%)
HSB
hsb(351, 71%, 81%)
CMYK
cmyk(0%, 71%, 61%, 19%)
Oklch
oklch(57.6% 0.182 17.0)

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

#6B6A66

Ink Gray · DimGray · Warm Gray

HEX
#6B6A66
RGB
rgb(107, 106, 102)
HSL
hsl(48, 2%, 41%)
HSB
hsb(48, 5%, 42%)
CMYK
cmyk(0%, 1%, 5%, 58%)
Oklch
oklch(52.4% 0.006 95.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE9BB
BDBDEB

Analogous

EBD3BD
EAE9BB
D4EBBD

Triadic

EAE9BB
BDEBEA
EABDEB

Split-Comp.

EAE9BB
BDD4EB
D3BDEB

Tetradic

EAE9BB
BDEBD3
BDBDEB
EBBDD4

Contrast Matrix WCAG 2.1 Contrast

EAE9BB
CED178
898C3B
CE3C51
6B6A66
—
1.3
Fail
2.9
Fail
3.8
AA Large
4.3
AA Large
1.3
Fail
—
2.2
Fail
3.0
Fail
3.4
AA Large
2.9
Fail
2.2
Fail
—
1.3
Fail
1.5
Fail
3.8
AA Large
3.0
Fail
1.3
Fail
—
1.1
Fail
4.3
AA Large
3.4
AA Large
1.5
Fail
1.1
Fail
—
White BG
1.2Fail
1.6Fail
3.6AA Large
4.8AA
5.4AA
Black BG
16.9AAA
13.0AAA
5.9AA
4.4AA Large
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAC6
CFCF8E
8A8A4F
8F8D4C
6B6B67

Deuteranopia

EAEAC9
CFCF93
8A8A53
97A24B
6B6B67

Tritanopia

EACFD1
CE9FA2
895E61
C74847
6B6868

Achromatopsia

E4E4E4
C6C6C6
828282
6A6A6A
6A6A6A

Shades & Tints Shades & Tints

#EAE9BB

Dark
Light

#CED178

Dark
Light

#898C3B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae9bb;
  --color-2: #ced178;
  --color-3: #898c3b;
  --color-4: #ce3c51;
  --color-5: #6b6a66;
}

SCSS

$color-1: #eae9bb;
$color-2: #ced178;
$color-3: #898c3b;
$color-4: #ce3c51;
$color-5: #6b6a66;

TAILWIND

colors: {
  'brand-1': '#eae9bb',
  'brand-2': '#ced178',
  'brand-3': '#898c3b',
  'brand-4': '#ce3c51',
  'brand-5': '#6b6a66',
}

RGB Array

[234, 233, 187], [206, 209, 120], [137, 140, 59], [206, 60, 81], [107, 106, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EAE9BB, #CED178, #898C3B, #CE3C51, #6B6A66 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: #eae9bb; --color-2: #ced178; --color-3: #898c3b; --color-4: #ce3c51; --color-5: #6b6a66. 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