← Back to Editor

#A5AC85 · #6D4F49 · #925C51 · #BD7160 · #E69570

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

#A5AC85

Grass Green · DarkSeaGreen · Olive Green

HEX
#A5AC85
RGB
rgb(165, 172, 133)
HSL
hsl(71, 19%, 60%)
HSB
hsb(71, 23%, 67%)
CMYK
cmyk(4%, 0%, 23%, 33%)
Oklch
oklch(72.9% 0.055 116.0)

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

#6D4F49

Crimson · DimGray · Wine Red

HEX
#6D4F49
RGB
rgb(109, 79, 73)
HSL
hsl(10, 20%, 36%)
HSB
hsb(10, 33%, 43%)
CMYK
cmyk(0%, 28%, 33%, 57%)
Oklch
oklch(45.8% 0.042 31.5)

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

#925C51

Crimson · Sienna · Passion Red

HEX
#925C51
RGB
rgb(146, 92, 81)
HSL
hsl(10, 29%, 45%)
HSB
hsb(10, 45%, 57%)
CMYK
cmyk(0%, 37%, 45%, 43%)
Oklch
oklch(53.2% 0.074 32.1)

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

#BD7160

Crimson · LightCoral · Passion Red

HEX
#BD7160
RGB
rgb(189, 113, 96)
HSL
hsl(11, 41%, 56%)
HSB
hsb(11, 49%, 74%)
CMYK
cmyk(0%, 40%, 49%, 26%)
Oklch
oklch(62.8% 0.100 33.4)

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

#E69570

Apricot · DarkSalmon · Warm Sun

HEX
#E69570
RGB
rgb(230, 149, 112)
HSL
hsl(19, 70%, 67%)
HSB
hsb(19, 51%, 90%)
CMYK
cmyk(0%, 35%, 51%, 10%)
Oklch
oklch(74.4% 0.111 45.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5AC85
8D86AC

Analogous

ACA086
A5AC85
92AC86

Triadic

A5AC85
86A5AC
AC86A5

Split-Comp.

A5AC85
8692AC
A086AC

Tetradic

A5AC85
86ACA0
8D86AC
AC8692

Contrast Matrix WCAG 2.1 Contrast

A5AC85
6D4F49
925C51
BD7160
E69570
—
3.1
AA Large
2.3
Fail
1.6
Fail
1.0
Fail
3.1
AA Large
—
1.4
Fail
2.0
Fail
3.1
AA Large
2.3
Fail
1.4
Fail
—
1.5
Fail
2.3
Fail
1.6
Fail
2.0
Fail
1.5
Fail
—
1.6
Fail
1.0
Fail
3.1
AA Large
2.3
Fail
1.6
Fail
—
White BG
2.4Fail
7.3AAA
5.4AA
3.7AA Large
2.4Fail
Black BG
8.8AAA
2.9Fail
3.9AA Large
5.7AA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A88E
60604A
7B7A54
9C9B64
C3C279

Deuteranopia

A8A791
62644B
7E8254
A1A665
C8CE7B

Tritanopia

A59698
6C4C4C
8F5656
B96768
E28082

Achromatopsia

A5A5A5
575757
6B6B6B
868686
A9A9A9

Shades & Tints Shades & Tints

#A5AC85

Dark
Light

#6D4F49

Dark
Light

#925C51

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5ac85;
  --color-2: #6d4f49;
  --color-3: #925c51;
  --color-4: #bd7160;
  --color-5: #e69570;
}

SCSS

$color-1: #a5ac85;
$color-2: #6d4f49;
$color-3: #925c51;
$color-4: #bd7160;
$color-5: #e69570;

TAILWIND

colors: {
  'brand-1': '#a5ac85',
  'brand-2': '#6d4f49',
  'brand-3': '#925c51',
  'brand-4': '#bd7160',
  'brand-5': '#e69570',
}

RGB Array

[165, 172, 133], [109, 79, 73], [146, 92, 81], [189, 113, 96], [230, 149, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A5AC85, #6D4F49, #925C51, #BD7160, #E69570 is ideal for: corporate websites, product showcases, portfolios. 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: #a5ac85; --color-2: #6d4f49; --color-3: #925c51; --color-4: #bd7160; --color-5: #e69570. 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. 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