← Back to Editor

#594733 · #A087B1 · #D1A777 · #D2C88D · #F4EDDB

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

#594733

Ochre · DarkOliveGreen · Amber Brown

HEX
#594733
RGB
rgb(89, 71, 51)
HSL
hsl(32, 27%, 27%)
HSB
hsb(32, 43%, 35%)
CMYK
cmyk(0%, 20%, 43%, 65%)
Oklch
oklch(41.1% 0.040 69.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#A087B1

Lilac · DarkGray · Lilac Purple

HEX
#A087B1
RGB
rgb(160, 135, 177)
HSL
hsl(276, 21%, 61%)
HSB
hsb(276, 24%, 69%)
CMYK
cmyk(10%, 24%, 0%, 31%)
Oklch
oklch(66.1% 0.067 311.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#D1A777

Ginger · Tan · Warm Sun

HEX
#D1A777
RGB
rgb(209, 167, 119)
HSL
hsl(32, 49%, 64%)
HSB
hsb(32, 43%, 82%)
CMYK
cmyk(0%, 20%, 43%, 18%)
Oklch
oklch(75.5% 0.081 69.9)

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

#D2C88D

Fresh Green · Tan · Sunflower

HEX
#D2C88D
RGB
rgb(210, 200, 141)
HSL
hsl(51, 43%, 69%)
HSB
hsb(51, 33%, 82%)
CMYK
cmyk(0%, 5%, 33%, 18%)
Oklch
oklch(82.7% 0.078 99.7)

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

#F4EDDB

Goose Yellow · Beige · Lemon Cream

HEX
#F4EDDB
RGB
rgb(244, 237, 219)
HSL
hsl(43, 53%, 91%)
HSB
hsb(43, 10%, 96%)
CMYK
cmyk(0%, 3%, 10%, 4%)
Oklch
oklch(94.7% 0.025 89.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

594733
324457

Analogous

573332
594733
565732

Triadic

594733
325746
463257

Split-Comp.

594733
325657
333257

Tetradic

594733
325733
324457
573256

Contrast Matrix WCAG 2.1 Contrast

594733
A087B1
D1A777
D2C88D
F4EDDB
—
2.8
Fail
4.0
AA Large
5.2
AA
7.6
AAA
2.8
Fail
—
1.4
Fail
1.9
Fail
2.7
Fail
4.0
AA Large
1.4
Fail
—
1.3
Fail
1.9
Fail
5.2
AA
1.9
Fail
1.3
Fail
—
1.5
Fail
7.6
AAA
2.7
Fail
1.9
Fail
1.5
Fail
—
White BG
8.8AAA
3.2AA Large
2.2Fail
1.7Fail
1.2Fail
Black BG
2.4Fail
6.6AA
9.5AAA
12.4AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

515138
9595A7
BFBE83
CECE9B
F1F1DF

Deuteranopia

525439
9799A4
C1C485
CECF9F
F1F2E0

Tritanopia

583C3D
9F9F9D
CF8C8E
D2A7A9
F4E3E4

Achromatopsia

4A4A4A
939393
AEAEAE
C4C4C4
EDEDED

Shades & Tints Shades & Tints

#594733

Dark
Light

#A087B1

Dark
Light

#D1A777

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #594733;
  --color-2: #a087b1;
  --color-3: #d1a777;
  --color-4: #d2c88d;
  --color-5: #f4eddb;
}

SCSS

$color-1: #594733;
$color-2: #a087b1;
$color-3: #d1a777;
$color-4: #d2c88d;
$color-5: #f4eddb;

TAILWIND

colors: {
  'brand-1': '#594733',
  'brand-2': '#a087b1',
  'brand-3': '#d1a777',
  'brand-4': '#d2c88d',
  'brand-5': '#f4eddb',
}

RGB Array

[89, 71, 51], [160, 135, 177], [209, 167, 119], [210, 200, 141], [244, 237, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #594733, #A087B1, #D1A777, #D2C88D, #F4EDDB 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: #594733; --color-2: #a087b1; --color-3: #d1a777; --color-4: #d2c88d; --color-5: #f4eddb. 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