← Back to Editor

#DED1A4 · #C0C08A · #A9A083 · #917479 · #B28A80

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 WebsiteBlog

Color Details Color Details

#DED1A4

Goose Yellow · Wheat · Lemon Cream

HEX
#DED1A4
RGB
rgb(222, 209, 164)
HSL
hsl(47, 47%, 76%)
HSB
hsb(47, 26%, 87%)
CMYK
cmyk(0%, 6%, 26%, 13%)
Oklch
oklch(86.0% 0.061 93.9)

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

#C0C08A

Fresh Green · Tan · Sunflower

HEX
#C0C08A
RGB
rgb(192, 192, 138)
HSL
hsl(60, 30%, 65%)
HSB
hsb(60, 28%, 75%)
CMYK
cmyk(0%, 0%, 28%, 25%)
Oklch
oklch(79.5% 0.072 107.9)

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

#A9A083

Ginger · DarkGray · Sunflower

HEX
#A9A083
RGB
rgb(169, 160, 131)
HSL
hsl(46, 18%, 59%)
HSB
hsb(46, 22%, 66%)
CMYK
cmyk(0%, 5%, 22%, 34%)
Oklch
oklch(70.6% 0.042 92.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#917479

Crimson · Gray · Passion Red

HEX
#917479
RGB
rgb(145, 116, 121)
HSL
hsl(350, 12%, 51%)
HSB
hsb(350, 20%, 57%)
CMYK
cmyk(0%, 20%, 17%, 43%)
Oklch
oklch(58.8% 0.037 6.7)

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

#B28A80

Crimson · Gray · Passion Red

HEX
#B28A80
RGB
rgb(178, 138, 128)
HSL
hsl(12, 25%, 60%)
HSB
hsb(12, 28%, 70%)
CMYK
cmyk(0%, 22%, 28%, 30%)
Oklch
oklch(66.9% 0.051 34.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED1A4
A5B2DF

Analogous

DFB5A5
DED1A4
CEDFA5

Triadic

DED1A4
A5DFD2
D2A5DF

Split-Comp.

DED1A4
A5CEDF
B5A5DF

Tetradic

DED1A4
A5DFB5
A5B2DF
DFA5CE

Contrast Matrix WCAG 2.1 Contrast

DED1A4
C0C08A
A9A083
917479
B28A80
—
1.2
Fail
1.7
Fail
2.8
Fail
2.0
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
1.6
Fail
1.7
Fail
1.4
Fail
—
1.6
Fail
1.2
Fail
2.8
Fail
2.2
Fail
1.6
Fail
—
1.4
Fail
2.0
Fail
1.6
Fail
1.2
Fail
1.4
Fail
—
White BG
1.5Fail
1.9Fail
2.6Fail
4.2AA Large
3.1AA Large
Black BG
13.8AAA
11.1AAA
8.0AAA
5.0AA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8AF
C0C097
A5A58A
848478
A1A082

Deuteranopia

D9DAB2
C0C09A
A6A68C
868877
A3A683

Tritanopia

DDB7B9
C0A1A4
A99091
907777
B08485

Achromatopsia

D0D0D0
BABABA
9F9F9F
7D7D7D
959595

Shades & Tints Shades & Tints

#DED1A4

Dark
Light

#C0C08A

Dark
Light

#A9A083

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded1a4;
  --color-2: #c0c08a;
  --color-3: #a9a083;
  --color-4: #917479;
  --color-5: #b28a80;
}

SCSS

$color-1: #ded1a4;
$color-2: #c0c08a;
$color-3: #a9a083;
$color-4: #917479;
$color-5: #b28a80;

TAILWIND

colors: {
  'brand-1': '#ded1a4',
  'brand-2': '#c0c08a',
  'brand-3': '#a9a083',
  'brand-4': '#917479',
  'brand-5': '#b28a80',
}

RGB Array

[222, 209, 164], [192, 192, 138], [169, 160, 131], [145, 116, 121], [178, 138, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #DED1A4, #C0C08A, #A9A083, #917479, #B28A80 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ded1a4; --color-2: #c0c08a; --color-3: #a9a083; --color-4: #917479; --color-5: #b28a80. 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. 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. Restrained colors convey professionalism and trust. 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