← Back to Editor

#752751 · #DCB476 · #F4DB99 · #D0BEBC · #8F7D6F

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

#752751

Rose Purple · Brown · Camellia

HEX
#752751
RGB
rgb(117, 39, 81)
HSL
hsl(328, 50%, 31%)
HSB
hsb(328, 67%, 46%)
CMYK
cmyk(0%, 67%, 31%, 54%)
Oklch
oklch(40.3% 0.119 350.4)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#DCB476

Ginger · BurlyWood · Warm Sun

HEX
#DCB476
RGB
rgb(220, 180, 118)
HSL
hsl(36, 59%, 66%)
HSB
hsb(36, 46%, 86%)
CMYK
cmyk(0%, 18%, 46%, 14%)
Oklch
oklch(79.2% 0.092 77.8)

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

#F4DB99

Goose Yellow · Khaki · Lemon Cream

HEX
#F4DB99
RGB
rgb(244, 219, 153)
HSL
hsl(44, 81%, 78%)
HSB
hsb(44, 37%, 96%)
CMYK
cmyk(0%, 10%, 37%, 4%)
Oklch
oklch(89.7% 0.088 89.6)

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

#D0BEBC

Peach Pink · Silver · Coral Red

HEX
#D0BEBC
RGB
rgb(208, 190, 188)
HSL
hsl(6, 18%, 78%)
HSB
hsb(6, 10%, 82%)
CMYK
cmyk(0%, 9%, 10%, 18%)
Oklch
oklch(81.6% 0.021 25.2)

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

#8F7D6F

Tangerine · Gray · Amber Brown

HEX
#8F7D6F
RGB
rgb(143, 125, 111)
HSL
hsl(26, 13%, 50%)
HSB
hsb(26, 22%, 56%)
CMYK
cmyk(0%, 13%, 22%, 44%)
Oklch
oklch(60.2% 0.030 60.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

752751
28774C

Analogous

742877
752751
77282A

Triadic

752751
527728
285277

Split-Comp.

752751
2A7728
287774

Tetradic

752751
777428
28774C
282A77

Contrast Matrix WCAG 2.1 Contrast

752751
DCB476
F4DB99
D0BEBC
8F7D6F
—
5.0
AA
7.1
AAA
5.4
AA
2.5
Fail
5.0
AA
—
1.4
Fail
1.1
Fail
2.0
Fail
7.1
AAA
1.4
Fail
—
1.3
Fail
2.9
Fail
5.4
AA
1.1
Fail
1.3
Fail
—
2.2
Fail
2.5
Fail
2.0
Fail
2.9
Fail
2.2
Fail
—
White BG
9.7AAA
1.9Fail
1.4Fail
1.8Fail
3.9AA Large
Black BG
2.2Fail
10.8AAA
15.4AAA
11.8AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

535347
CBCA85
E9E9A9
C8C8BC
878772

Deuteranopia

585E44
CDD089
EBEDAD
C9CBBD
888A73

Tritanopia

713F3D
DA9193
F3B6B8
CFBDBD
8E7576

Achromatopsia

434343
B9B9B9
DBDBDB
C3C3C3
818181

Shades & Tints Shades & Tints

#752751

Dark
Light

#DCB476

Dark
Light

#F4DB99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #752751;
  --color-2: #dcb476;
  --color-3: #f4db99;
  --color-4: #d0bebc;
  --color-5: #8f7d6f;
}

SCSS

$color-1: #752751;
$color-2: #dcb476;
$color-3: #f4db99;
$color-4: #d0bebc;
$color-5: #8f7d6f;

TAILWIND

colors: {
  'brand-1': '#752751',
  'brand-2': '#dcb476',
  'brand-3': '#f4db99',
  'brand-4': '#d0bebc',
  'brand-5': '#8f7d6f',
}

RGB Array

[117, 39, 81], [220, 180, 118], [244, 219, 153], [208, 190, 188], [143, 125, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #752751, #DCB476, #F4DB99, #D0BEBC, #8F7D6F 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: #752751; --color-2: #dcb476; --color-3: #f4db99; --color-4: #d0bebc; --color-5: #8f7d6f. 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