← Back to Editor

#48314D · #64466C · #AC6279 · #E1B3A6 · #EAD8C0

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

#48314D

Dark Plum · DarkSlateGray · Eggplant

HEX
#48314D
RGB
rgb(72, 49, 77)
HSL
hsl(289, 22%, 25%)
HSB
hsb(289, 36%, 30%)
CMYK
cmyk(6%, 36%, 0%, 70%)
Oklch
oklch(35.2% 0.056 320.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#64466C

Dark Plum · DimGray · Eggplant

HEX
#64466C
RGB
rgb(100, 70, 108)
HSL
hsl(287, 21%, 35%)
HSB
hsb(287, 35%, 42%)
CMYK
cmyk(7%, 35%, 0%, 58%)
Oklch
oklch(44.2% 0.071 319.0)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#AC6279

Dark Violet · Gray · Rose Pink

HEX
#AC6279
RGB
rgb(172, 98, 121)
HSL
hsl(341, 31%, 53%)
HSB
hsb(341, 43%, 67%)
CMYK
cmyk(0%, 43%, 30%, 33%)
Oklch
oklch(58.7% 0.099 0.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E1B3A6

Peach Pink · Tan · Coral Red

HEX
#E1B3A6
RGB
rgb(225, 179, 166)
HSL
hsl(13, 50%, 77%)
HSB
hsb(13, 26%, 88%)
CMYK
cmyk(0%, 20%, 26%, 12%)
Oklch
oklch(80.5% 0.057 36.3)

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

#EAD8C0

Goose Yellow · Wheat · Peach Orange

HEX
#EAD8C0
RGB
rgb(234, 216, 192)
HSL
hsl(34, 50%, 84%)
HSB
hsb(34, 18%, 92%)
CMYK
cmyk(0%, 8%, 18%, 8%)
Oklch
oklch(89.1% 0.038 75.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

48314D
374E32

Analogous

3B324E
48314D
4E3245

Triadic

48314D
4E4932
324E49

Split-Comp.

48314D
454E32
324E3B

Tetradic

48314D
4E3B32
374E32
32454E

Contrast Matrix WCAG 2.1 Contrast

48314D
64466C
AC6279
E1B3A6
EAD8C0
—
1.4
Fail
2.6
Fail
6.1
AA
8.3
AAA
1.4
Fail
—
1.8
Fail
4.3
AA Large
5.7
AA
2.6
Fail
1.8
Fail
—
2.3
Fail
3.2
AA Large
6.1
AA
4.3
AA Large
2.3
Fail
—
1.3
Fail
8.3
AAA
5.7
AA
3.2
AA Large
1.3
Fail
—
White BG
11.5AAA
8.0AAA
4.4AA Large
1.9Fail
1.4Fail
Black BG
1.8Fail
2.6Fail
4.8AA
11.2AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E46
575763
8C8B73
CDCDA9
E2E2C6

Deuteranopia

3F4145
595B61
909672
D0D3AA
E3E5C7

Tritanopia

474140
635C5A
A86F6E
DFACAC
E9CACB

Achromatopsia

3B3B3B
535353
7B7B7B
BFBFBF
DBDBDB

Shades & Tints Shades & Tints

#48314D

Dark
Light

#64466C

Dark
Light

#AC6279

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #48314d;
  --color-2: #64466c;
  --color-3: #ac6279;
  --color-4: #e1b3a6;
  --color-5: #ead8c0;
}

SCSS

$color-1: #48314d;
$color-2: #64466c;
$color-3: #ac6279;
$color-4: #e1b3a6;
$color-5: #ead8c0;

TAILWIND

colors: {
  'brand-1': '#48314d',
  'brand-2': '#64466c',
  'brand-3': '#ac6279',
  'brand-4': '#e1b3a6',
  'brand-5': '#ead8c0',
}

RGB Array

[72, 49, 77], [100, 70, 108], [172, 98, 121], [225, 179, 166], [234, 216, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #48314D, #64466C, #AC6279, #E1B3A6, #EAD8C0 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: #48314d; --color-2: #64466c; --color-3: #ac6279; --color-4: #e1b3a6; --color-5: #ead8c0. 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