← Back to Editor

#EEF4C8 · #E3DB9F · #D9C38F · #A06B65 · #5C434D

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

#EEF4C8

Fresh Green · Beige · Lemon Cream

HEX
#EEF4C8
RGB
rgb(238, 244, 200)
HSL
hsl(68, 67%, 87%)
HSB
hsb(68, 18%, 96%)
CMYK
cmyk(2%, 0%, 18%, 4%)
Oklch
oklch(95.2% 0.058 113.8)

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

#E3DB9F

Fresh Green · Khaki · Lemon Cream

HEX
#E3DB9F
RGB
rgb(227, 219, 159)
HSL
hsl(53, 55%, 76%)
HSB
hsb(53, 30%, 89%)
CMYK
cmyk(0%, 4%, 30%, 11%)
Oklch
oklch(88.4% 0.078 101.4)

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

#D9C38F

Goose Yellow · BurlyWood · Sunflower

HEX
#D9C38F
RGB
rgb(217, 195, 143)
HSL
hsl(42, 49%, 71%)
HSB
hsb(42, 34%, 85%)
CMYK
cmyk(0%, 10%, 34%, 15%)
Oklch
oklch(82.3% 0.073 87.7)

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

#A06B65

Crimson · Gray · Passion Red

HEX
#A06B65
RGB
rgb(160, 107, 101)
HSL
hsl(6, 24%, 51%)
HSB
hsb(6, 37%, 63%)
CMYK
cmyk(0%, 33%, 37%, 37%)
Oklch
oklch(58.2% 0.069 26.5)

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

#5C434D

Dark Violet · DarkSlateGray · Camellia

HEX
#5C434D
RGB
rgb(92, 67, 77)
HSL
hsl(336, 16%, 31%)
HSB
hsb(336, 27%, 36%)
CMYK
cmyk(0%, 27%, 16%, 64%)
Oklch
oklch(41.4% 0.038 353.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEF4C8
CEC8F4

Analogous

F4E4C8
EEF4C8
D8F4C8

Triadic

EEF4C8
C8EEF4
F4C8EE

Split-Comp.

EEF4C8
C8D8F4
E4C8F4

Tetradic

EEF4C8
C8F4E4
CEC8F4
F4C8D8

Contrast Matrix WCAG 2.1 Contrast

EEF4C8
E3DB9F
D9C38F
A06B65
5C434D
—
1.2
Fail
1.5
Fail
3.8
AA Large
7.8
AAA
1.2
Fail
—
1.2
Fail
3.1
AA Large
6.3
AA
1.5
Fail
1.2
Fail
—
2.5
Fail
5.1
AA
3.8
AA Large
3.1
AA Large
2.5
Fail
—
2.0
Fail
7.8
AAA
6.3
AA
5.1
AA
2.0
Fail
—
White BG
1.1Fail
1.4Fail
1.7Fail
4.4AA Large
8.9AAA
Black BG
18.4AAA
14.9AAA
12.2AAA
4.8AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1D3
E0DFAE
CFCF9C
898966
51514B

Deuteranopia

F0F0D5
E0E1B1
D1D29F
8C9067
53544A

Tritanopia

EEDBDD
E3B9BC
D8A6A8
9D6868
5B4948

Achromatopsia

EDEDED
D7D7D7
C4C4C4
7A7A7A
4C4C4C

Shades & Tints Shades & Tints

#EEF4C8

Dark
Light

#E3DB9F

Dark
Light

#D9C38F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eef4c8;
  --color-2: #e3db9f;
  --color-3: #d9c38f;
  --color-4: #a06b65;
  --color-5: #5c434d;
}

SCSS

$color-1: #eef4c8;
$color-2: #e3db9f;
$color-3: #d9c38f;
$color-4: #a06b65;
$color-5: #5c434d;

TAILWIND

colors: {
  'brand-1': '#eef4c8',
  'brand-2': '#e3db9f',
  'brand-3': '#d9c38f',
  'brand-4': '#a06b65',
  'brand-5': '#5c434d',
}

RGB Array

[238, 244, 200], [227, 219, 159], [217, 195, 143], [160, 107, 101], [92, 67, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EEF4C8, #E3DB9F, #D9C38F, #A06B65, #5C434D 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: #eef4c8; --color-2: #e3db9f; --color-3: #d9c38f; --color-4: #a06b65; --color-5: #5c434d. 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