← Back to Editor

#E7E0B6 · #C7C696 · #9FA05E · #3BEBB6 · #423528

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#E7E0B6

Fresh Green · Wheat · Lemon Cream

HEX
#E7E0B6
RGB
rgb(231, 224, 182)
HSL
hsl(51, 51%, 81%)
HSB
hsb(51, 21%, 91%)
CMYK
cmyk(0%, 3%, 21%, 9%)
Oklch
oklch(90.2% 0.056 99.5)

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

#C7C696

Fresh Green · Tan · Sunflower

HEX
#C7C696
RGB
rgb(199, 198, 150)
HSL
hsl(59, 30%, 68%)
HSB
hsb(59, 25%, 78%)
CMYK
cmyk(0%, 1%, 25%, 22%)
Oklch
oklch(81.5% 0.064 106.7)

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

#9FA05E

Autumn Sage · Gray · Honey Gold

HEX
#9FA05E
RGB
rgb(159, 160, 94)
HSL
hsl(61, 26%, 50%)
HSB
hsb(61, 41%, 63%)
CMYK
cmyk(1%, 0%, 41%, 37%)
Oklch
oklch(69.0% 0.088 109.3)

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

#3BEBB6

Mineral Blue · Turquoise · Lake Green

HEX
#3BEBB6
RGB
rgb(59, 235, 182)
HSL
hsl(162, 81%, 58%)
HSB
hsb(162, 75%, 92%)
CMYK
cmyk(75%, 0%, 23%, 8%)
Oklch
oklch(84.1% 0.158 167.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#423528

Ochre · DarkSlateGray · Cinnamon

HEX
#423528
RGB
rgb(66, 53, 40)
HSL
hsl(30, 25%, 21%)
HSB
hsb(30, 39%, 26%)
CMYK
cmyk(0%, 20%, 39%, 74%)
Oklch
oklch(33.9% 0.029 66.6)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E0B6
B6BDE7

Analogous

E7C7B6
E7E0B6
D6E7B6

Triadic

E7E0B6
B6E7E0
E0B6E7

Split-Comp.

E7E0B6
B6D6E7
C7B6E7

Tetradic

E7E0B6
B6E7C7
B6BDE7
E7B6D6

Contrast Matrix WCAG 2.1 Contrast

E7E0B6
C7C696
9FA05E
3BEBB6
423528
—
1.3
Fail
2.1
Fail
1.1
Fail
8.9
AAA
1.3
Fail
—
1.6
Fail
1.2
Fail
6.7
AA
2.1
Fail
1.6
Fail
—
1.8
Fail
4.3
AA Large
1.1
Fail
1.2
Fail
1.8
Fail
—
7.8
AAA
8.9
AAA
6.7
AA
4.3
AA Large
7.8
AAA
—
White BG
1.3Fail
1.8Fail
2.7Fail
1.5Fail
11.9AAA
Black BG
15.7AAA
11.9AAA
7.7AAA
13.7AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C0
C7C7A2
9F9F6E
8789C3
3C3C2B

Deuteranopia

E4E5C3
C7C7A4
9F9F72
7D70C6
3D3E2C

Tritanopia

E7C8CA
C7ABAD
9F7B7D
44CDCF
412E2E

Achromatopsia

DDDDDD
C1C1C1
989898
B0B0B0
373737

Shades & Tints Shades & Tints

#E7E0B6

Dark
Light

#C7C696

Dark
Light

#9FA05E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e0b6;
  --color-2: #c7c696;
  --color-3: #9fa05e;
  --color-4: #3bebb6;
  --color-5: #423528;
}

SCSS

$color-1: #e7e0b6;
$color-2: #c7c696;
$color-3: #9fa05e;
$color-4: #3bebb6;
$color-5: #423528;

TAILWIND

colors: {
  'brand-1': '#e7e0b6',
  'brand-2': '#c7c696',
  'brand-3': '#9fa05e',
  'brand-4': '#3bebb6',
  'brand-5': '#423528',
}

RGB Array

[231, 224, 182], [199, 198, 150], [159, 160, 94], [59, 235, 182], [66, 53, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E7E0B6, #C7C696, #9FA05E, #3BEBB6, #423528 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: #e7e0b6; --color-2: #c7c696; --color-3: #9fa05e; --color-4: #3bebb6; --color-5: #423528. 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