← Back to Editor

#8A7575 · #D387A7 · #D4A6B7 · #C0CCC4 · #E9D9C4

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

#8A7575

Crimson · Gray · Warm Gray

HEX
#8A7575
RGB
rgb(138, 117, 117)
HSL
hsl(0, 8%, 50%)
HSB
hsb(0, 15%, 54%)
CMYK
cmyk(0%, 15%, 15%, 46%)
Oklch
oklch(58.2% 0.026 17.9)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

#D387A7

Rouge · LightCoral · Rose Pink

HEX
#D387A7
RGB
rgb(211, 135, 167)
HSL
hsl(335, 46%, 68%)
HSB
hsb(335, 36%, 83%)
CMYK
cmyk(0%, 36%, 21%, 17%)
Oklch
oklch(71.1% 0.101 353.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D4A6B7

Rouge · Silver · Rose Pink

HEX
#D4A6B7
RGB
rgb(212, 166, 183)
HSL
hsl(338, 35%, 74%)
HSB
hsb(338, 22%, 83%)
CMYK
cmyk(0%, 22%, 14%, 17%)
Oklch
oklch(77.2% 0.058 354.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#C0CCC4

Celadon · Silver · Apple Green

HEX
#C0CCC4
RGB
rgb(192, 204, 196)
HSL
hsl(140, 11%, 78%)
HSB
hsb(140, 6%, 80%)
CMYK
cmyk(6%, 0%, 4%, 20%)
Oklch
oklch(83.4% 0.017 156.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#E9D9C4

Goose Yellow · Wheat · Peach Orange

HEX
#E9D9C4
RGB
rgb(233, 217, 196)
HSL
hsl(34, 46%, 84%)
HSB
hsb(34, 16%, 91%)
CMYK
cmyk(0%, 7%, 16%, 9%)
Oklch
oklch(89.3% 0.033 74.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A7575
758A8A

Analogous

8A7580
8A7575
8A8075

Triadic

8A7575
758A75
75758A

Split-Comp.

8A7575
758A80
75808A

Tetradic

8A7575
808A75
758A8A
80758A

Contrast Matrix WCAG 2.1 Contrast

8A7575
D387A7
D4A6B7
C0CCC4
E9D9C4
—
1.6
Fail
2.0
Fail
2.6
Fail
3.1
AA Large
1.6
Fail
—
1.3
Fail
1.6
Fail
1.9
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.6
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
3.1
AA Large
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
4.3AA Large
2.7Fail
2.1Fail
1.7Fail
1.4Fail
Black BG
4.9AA
7.8AAA
9.9AAA
12.7AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

818175
B2B19F
C0C0B3
C5C5C6
E2E2C9

Deuteranopia

828475
B7BC9D
C3C6B2
C5C4C6
E3E4CA

Tritanopia

897575
CF9998
D2B0AF
C1C7C8
E8CDCE

Achromatopsia

7B7B7B
A1A1A1
B6B6B6
C8C8C8
DBDBDB

Shades & Tints Shades & Tints

#8A7575

Dark
Light

#D387A7

Dark
Light

#D4A6B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a7575;
  --color-2: #d387a7;
  --color-3: #d4a6b7;
  --color-4: #c0ccc4;
  --color-5: #e9d9c4;
}

SCSS

$color-1: #8a7575;
$color-2: #d387a7;
$color-3: #d4a6b7;
$color-4: #c0ccc4;
$color-5: #e9d9c4;

TAILWIND

colors: {
  'brand-1': '#8a7575',
  'brand-2': '#d387a7',
  'brand-3': '#d4a6b7',
  'brand-4': '#c0ccc4',
  'brand-5': '#e9d9c4',
}

RGB Array

[138, 117, 117], [211, 135, 167], [212, 166, 183], [192, 204, 196], [233, 217, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #8A7575, #D387A7, #D4A6B7, #C0CCC4, #E9D9C4 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #8a7575; --color-2: #d387a7; --color-3: #d4a6b7; --color-4: #c0ccc4; --color-5: #e9d9c4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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