← Back to Editor

#AC7D9A · #AB717A · #A87962 · #A39755 · #8AA349

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

#AC7D9A

Rose Purple · DarkGray · Rose Pink

HEX
#AC7D9A
RGB
rgb(172, 125, 154)
HSL
hsl(323, 22%, 58%)
HSB
hsb(323, 27%, 67%)
CMYK
cmyk(0%, 27%, 10%, 33%)
Oklch
oklch(64.5% 0.070 341.7)

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

#AB717A

Crimson · Gray · Passion Red

HEX
#AB717A
RGB
rgb(171, 113, 122)
HSL
hsl(351, 26%, 56%)
HSB
hsb(351, 34%, 67%)
CMYK
cmyk(0%, 34%, 29%, 33%)
Oklch
oklch(61.2% 0.074 9.3)

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

#A87962

Tangerine · Gray · Warm Sun

HEX
#A87962
RGB
rgb(168, 121, 98)
HSL
hsl(20, 29%, 52%)
HSB
hsb(20, 42%, 66%)
CMYK
cmyk(0%, 28%, 42%, 34%)
Oklch
oklch(61.7% 0.068 47.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A39755

Autumn Sage · Gray · Honey Gold

HEX
#A39755
RGB
rgb(163, 151, 85)
HSL
hsl(51, 31%, 49%)
HSB
hsb(51, 48%, 64%)
CMYK
cmyk(0%, 7%, 48%, 36%)
Oklch
oklch(67.2% 0.088 99.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#8AA349

Grass Green · Gray · Olive Green

HEX
#8AA349
RGB
rgb(138, 163, 73)
HSL
hsl(77, 38%, 46%)
HSB
hsb(77, 55%, 64%)
CMYK
cmyk(15%, 0%, 55%, 36%)
Oklch
oklch(67.7% 0.120 122.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC7D9A
7CAB8E

Analogous

A67CAB
AC7D9A
AB7C82

Triadic

AC7D9A
99AB7C
7C99AB

Split-Comp.

AC7D9A
82AB7C
7CABA6

Tetradic

AC7D9A
ABA67C
7CAB8E
7C82AB

Contrast Matrix WCAG 2.1 Contrast

AC7D9A
AB717A
A87962
A39755
8AA349
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
1.4
Fail
1.1
Fail
1.0
Fail
—
1.3
Fail
1.3
Fail
1.2
Fail
1.3
Fail
1.3
Fail
—
1.0
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.0
Fail
—
White BG
3.4AA Large
3.9AA Large
3.8AA Large
3.0Fail
2.8Fail
Black BG
6.2AA
5.4AA
5.6AA
7.1AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

989793
929178
949368
9E9E65
95955F

Deuteranopia

9A9E91
959A77
969A69
9F9F69
939264

Tritanopia

AA8D8C
A87676
A66C6D
A27274
8B7074

Achromatopsia

8E8E8E
838383
848484
939393
919191

Shades & Tints Shades & Tints

#AC7D9A

Dark
Light

#AB717A

Dark
Light

#A87962

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac7d9a;
  --color-2: #ab717a;
  --color-3: #a87962;
  --color-4: #a39755;
  --color-5: #8aa349;
}

SCSS

$color-1: #ac7d9a;
$color-2: #ab717a;
$color-3: #a87962;
$color-4: #a39755;
$color-5: #8aa349;

TAILWIND

colors: {
  'brand-1': '#ac7d9a',
  'brand-2': '#ab717a',
  'brand-3': '#a87962',
  'brand-4': '#a39755',
  'brand-5': '#8aa349',
}

RGB Array

[172, 125, 154], [171, 113, 122], [168, 121, 98], [163, 151, 85], [138, 163, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #AC7D9A, #AB717A, #A87962, #A39755, #8AA349 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: #ac7d9a; --color-2: #ab717a; --color-3: #a87962; --color-4: #a39755; --color-5: #8aa349. 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