← Back to Editor

#D5D3A3 · #EBA989 · #DF4C5F · #3F2A2F · #DCC623

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

#D5D3A3

Fresh Green · Wheat · Sunflower

HEX
#D5D3A3
RGB
rgb(213, 211, 163)
HSL
hsl(58, 37%, 74%)
HSB
hsb(58, 23%, 84%)
CMYK
cmyk(0%, 1%, 23%, 16%)
Oklch
oklch(85.7% 0.063 105.7)

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

#EBA989

Apricot · BurlyWood · Warm Sun

HEX
#EBA989
RGB
rgb(235, 169, 137)
HSL
hsl(20, 71%, 73%)
HSB
hsb(20, 42%, 92%)
CMYK
cmyk(0%, 28%, 42%, 8%)
Oklch
oklch(79.0% 0.090 46.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DF4C5F

Vermilion · Tomato · Passion Red

HEX
#DF4C5F
RGB
rgb(223, 76, 95)
HSL
hsl(352, 70%, 59%)
HSB
hsb(352, 66%, 87%)
CMYK
cmyk(0%, 66%, 57%, 13%)
Oklch
oklch(62.3% 0.182 16.7)

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

#3F2A2F

Crimson · DarkSlateGray · Wine Red

HEX
#3F2A2F
RGB
rgb(63, 42, 47)
HSL
hsl(346, 20%, 21%)
HSB
hsb(346, 33%, 25%)
CMYK
cmyk(0%, 33%, 25%, 75%)
Oklch
oklch(31.2% 0.032 3.4)

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

#DCC623

Autumn Sage · GoldenRod · Honey Gold

HEX
#DCC623
RGB
rgb(220, 198, 35)
HSL
hsl(53, 73%, 50%)
HSB
hsb(53, 84%, 86%)
CMYK
cmyk(0%, 10%, 84%, 14%)
Oklch
oklch(82.0% 0.164 100.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5D3A3
A4A6D5

Analogous

D5BBA4
D5D3A3
BED5A4

Triadic

D5D3A3
A4D5D4
D4A4D5

Split-Comp.

D5D3A3
A4BED5
BBA4D5

Tetradic

D5D3A3
A4D5BB
A4A6D5
D5A4BE

Contrast Matrix WCAG 2.1 Contrast

D5D3A3
EBA989
DF4C5F
3F2A2F
DCC623
—
1.3
Fail
2.6
Fail
8.6
AAA
1.1
Fail
1.3
Fail
—
2.0
Fail
6.7
AA
1.1
Fail
2.6
Fail
2.0
Fail
—
3.4
AA Large
2.3
Fail
8.6
AAA
6.7
AA
3.4
AA Large
—
7.7
AAA
1.1
Fail
1.1
Fail
2.3
Fail
7.7
AAA
—
White BG
1.5Fail
2.0Fail
3.9AA Large
13.3AAA
1.7Fail
Black BG
13.7AAA
10.6AAA
5.3AA
1.6Fail
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4AF
CECE91
9F9E5A
36362E
D2D24A

Deuteranopia

D4D4B1
D2D793
A8B359
37392E
D4D554

Tritanopia

D5B8BA
E89798
D85756
3E2D2D
DB6A70

Achromatopsia

CECECE
B9B9B9
7A7A7A
313131
BABABA

Shades & Tints Shades & Tints

#D5D3A3

Dark
Light

#EBA989

Dark
Light

#DF4C5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5d3a3;
  --color-2: #eba989;
  --color-3: #df4c5f;
  --color-4: #3f2a2f;
  --color-5: #dcc623;
}

SCSS

$color-1: #d5d3a3;
$color-2: #eba989;
$color-3: #df4c5f;
$color-4: #3f2a2f;
$color-5: #dcc623;

TAILWIND

colors: {
  'brand-1': '#d5d3a3',
  'brand-2': '#eba989',
  'brand-3': '#df4c5f',
  'brand-4': '#3f2a2f',
  'brand-5': '#dcc623',
}

RGB Array

[213, 211, 163], [235, 169, 137], [223, 76, 95], [63, 42, 47], [220, 198, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #D5D3A3, #EBA989, #DF4C5F, #3F2A2F, #DCC623 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: #d5d3a3; --color-2: #eba989; --color-3: #df4c5f; --color-4: #3f2a2f; --color-5: #dcc623. 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