← Back to Editor

#B5AAAC · #B09999 · #967B77 · #856C62 · #705F54

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

#B5AAAC

Ash · DarkGray · Silver Sand

HEX
#B5AAAC
RGB
rgb(181, 170, 172)
HSL
hsl(349, 7%, 69%)
HSB
hsb(349, 6%, 71%)
CMYK
cmyk(0%, 6%, 5%, 29%)
Oklch
oklch(74.8% 0.013 4.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#B09999

Peach Pink · DarkGray · Coral Red

HEX
#B09999
RGB
rgb(176, 153, 153)
HSL
hsl(0, 13%, 65%)
HSB
hsb(0, 13%, 69%)
CMYK
cmyk(0%, 13%, 13%, 31%)
Oklch
oklch(70.3% 0.027 17.8)

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

#967B77

Crimson · Gray · Passion Red

HEX
#967B77
RGB
rgb(150, 123, 119)
HSL
hsl(8, 13%, 53%)
HSB
hsb(8, 21%, 59%)
CMYK
cmyk(0%, 18%, 21%, 41%)
Oklch
oklch(60.7% 0.034 28.0)

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

#856C62

Tangerine · DimGray · Amber Brown

HEX
#856C62
RGB
rgb(133, 108, 98)
HSL
hsl(17, 15%, 45%)
HSB
hsb(17, 26%, 52%)
CMYK
cmyk(0%, 19%, 26%, 48%)
Oklch
oklch(55.3% 0.035 42.9)

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

#705F54

Tangerine · DimGray · Amber Brown

HEX
#705F54
RGB
rgb(112, 95, 84)
HSL
hsl(24, 14%, 38%)
HSB
hsb(24, 25%, 44%)
CMYK
cmyk(0%, 15%, 25%, 56%)
Oklch
oklch(49.9% 0.028 54.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5AAAC
AAB5B3

Analogous

B5AAB2
B5AAAC
B5AEAA

Triadic

B5AAAC
ACB5AA
AAACB5

Split-Comp.

B5AAAC
AAB5AE
AAB2B5

Tetradic

B5AAAC
B2B5AA
AAB5B3
AEAAB5

Contrast Matrix WCAG 2.1 Contrast

B5AAAC
B09999
967B77
856C62
705F54
—
1.2
Fail
1.7
Fail
2.2
Fail
2.7
Fail
1.2
Fail
—
1.5
Fail
1.8
Fail
2.3
Fail
1.7
Fail
1.5
Fail
—
1.2
Fail
1.6
Fail
2.2
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
2.7
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
White BG
2.3Fail
2.7Fail
3.9AA Large
4.9AA
6.1AA
Black BG
9.3AAA
7.9AAA
5.4AA
4.3AA Large
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B0AC
A6A699
8A8A78
7A7A64
696857

Deuteranopia

B1B2AB
A7A999
8C8E78
7C7E65
6A6B57

Tritanopia

B4ABAB
AF9999
957979
846667
6F5959

Achromatopsia

AEAEAE
A0A0A0
838383
727272
636363

Shades & Tints Shades & Tints

#B5AAAC

Dark
Light

#B09999

Dark
Light

#967B77

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5aaac;
  --color-2: #b09999;
  --color-3: #967b77;
  --color-4: #856c62;
  --color-5: #705f54;
}

SCSS

$color-1: #b5aaac;
$color-2: #b09999;
$color-3: #967b77;
$color-4: #856c62;
$color-5: #705f54;

TAILWIND

colors: {
  'brand-1': '#b5aaac',
  'brand-2': '#b09999',
  'brand-3': '#967b77',
  'brand-4': '#856c62',
  'brand-5': '#705f54',
}

RGB Array

[181, 170, 172], [176, 153, 153], [150, 123, 119], [133, 108, 98], [112, 95, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #B5AAAC, #B09999, #967B77, #856C62, #705F54 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: #b5aaac; --color-2: #b09999; --color-3: #967b77; --color-4: #856c62; --color-5: #705f54. 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