← Back to Editor

#EBDD9C · #E1C97F · #B6BE82 · #632F31 · #E67766

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

#EBDD9C

Goose Yellow · Khaki · Lemon Cream

HEX
#EBDD9C
RGB
rgb(235, 221, 156)
HSL
hsl(49, 66%, 77%)
HSB
hsb(49, 34%, 92%)
CMYK
cmyk(0%, 6%, 34%, 8%)
Oklch
oklch(89.4% 0.085 97.5)

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

#E1C97F

Ginger · BurlyWood · Sunflower

HEX
#E1C97F
RGB
rgb(225, 201, 127)
HSL
hsl(45, 62%, 69%)
HSB
hsb(45, 44%, 88%)
CMYK
cmyk(0%, 11%, 44%, 12%)
Oklch
oklch(84.0% 0.097 92.1)

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

#B6BE82

Fresh Green · Tan · Sunflower

HEX
#B6BE82
RGB
rgb(182, 190, 130)
HSL
hsl(68, 32%, 63%)
HSB
hsb(68, 32%, 75%)
CMYK
cmyk(4%, 0%, 32%, 25%)
Oklch
oklch(78.1% 0.081 114.5)

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

#632F31

Crimson · DarkOliveGreen · Wine Red

HEX
#632F31
RGB
rgb(99, 47, 49)
HSL
hsl(358, 36%, 29%)
HSB
hsb(358, 53%, 39%)
CMYK
cmyk(0%, 53%, 51%, 61%)
Oklch
oklch(37.5% 0.075 19.0)

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

#E67766

Peach Pink · Salmon · Coral Red

HEX
#E67766
RGB
rgb(230, 119, 102)
HSL
hsl(8, 72%, 65%)
HSB
hsb(8, 56%, 90%)
CMYK
cmyk(0%, 48%, 56%, 10%)
Oklch
oklch(69.2% 0.141 30.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBDD9C
9EACEB

Analogous

EBB69E
EBDD9C
D3EB9E

Triadic

EBDD9C
9EEBDD
DD9EEB

Split-Comp.

EBDD9C
9ED3EB
B69EEB

Tetradic

EBDD9C
9EEBB6
9EACEB
EB9ED3

Contrast Matrix WCAG 2.1 Contrast

EBDD9C
E1C97F
B6BE82
632F31
E67766
—
1.2
Fail
1.4
Fail
7.7
AAA
2.1
Fail
1.2
Fail
—
1.2
Fail
6.5
AA
1.8
Fail
1.4
Fail
1.2
Fail
—
5.4
AA
1.5
Fail
7.7
AAA
6.5
AA
5.4
AA
—
3.6
AA Large
2.1
Fail
1.8
Fail
1.5
Fail
3.6
AA Large
—
White BG
1.4Fail
1.6Fail
2.0Fail
10.6AAA
2.9Fail
Black BG
15.4AAA
12.9AAA
10.7AAA
2.0Fail
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5AC
D7D691
B9BA91
4C4C31
B6B56A

Deuteranopia

E6E7B0
D8DA95
B9B894
505330
BCC56B

Tritanopia

EAB8BB
E09FA2
B69C9F
603030
E06D6E

Achromatopsia

DADADA
C8C8C8
B5B5B5
3F3F3F
969696

Shades & Tints Shades & Tints

#EBDD9C

Dark
Light

#E1C97F

Dark
Light

#B6BE82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebdd9c;
  --color-2: #e1c97f;
  --color-3: #b6be82;
  --color-4: #632f31;
  --color-5: #e67766;
}

SCSS

$color-1: #ebdd9c;
$color-2: #e1c97f;
$color-3: #b6be82;
$color-4: #632f31;
$color-5: #e67766;

TAILWIND

colors: {
  'brand-1': '#ebdd9c',
  'brand-2': '#e1c97f',
  'brand-3': '#b6be82',
  'brand-4': '#632f31',
  'brand-5': '#e67766',
}

RGB Array

[235, 221, 156], [225, 201, 127], [182, 190, 130], [99, 47, 49], [230, 119, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EBDD9C, #E1C97F, #B6BE82, #632F31, #E67766 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: #ebdd9c; --color-2: #e1c97f; --color-3: #b6be82; --color-4: #632f31; --color-5: #e67766. 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