← Back to Editor

#89945D · #988A66 · #A6806E · #B47677 · #C26B7F

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

#89945D

Grass Green · Gray · Olive Green

HEX
#89945D
RGB
rgb(137, 148, 93)
HSL
hsl(72, 23%, 47%)
HSB
hsb(72, 37%, 58%)
CMYK
cmyk(7%, 0%, 37%, 42%)
Oklch
oklch(64.4% 0.077 117.8)

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

#988A66

Ochre · Gray · Honey Gold

HEX
#988A66
RGB
rgb(152, 138, 102)
HSL
hsl(43, 20%, 50%)
HSB
hsb(43, 33%, 60%)
CMYK
cmyk(0%, 9%, 33%, 40%)
Oklch
oklch(63.7% 0.053 89.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A6806E

Tangerine · Gray · Warm Sun

HEX
#A6806E
RGB
rgb(166, 128, 110)
HSL
hsl(19, 24%, 54%)
HSB
hsb(19, 34%, 65%)
CMYK
cmyk(0%, 23%, 34%, 35%)
Oklch
oklch(63.2% 0.054 46.6)

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

#B47677

Crimson · Gray · Passion Red

HEX
#B47677
RGB
rgb(180, 118, 119)
HSL
hsl(359, 29%, 58%)
HSB
hsb(359, 34%, 71%)
CMYK
cmyk(0%, 34%, 34%, 29%)
Oklch
oklch(63.1% 0.078 18.4)

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

#C26B7F

Crimson · LightCoral · Passion Red

HEX
#C26B7F
RGB
rgb(194, 107, 127)
HSL
hsl(346, 42%, 59%)
HSB
hsb(346, 45%, 76%)
CMYK
cmyk(0%, 45%, 35%, 24%)
Oklch
oklch(63.2% 0.112 6.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

89945D
675C93

Analogous

93835C
89945D
6D935C

Triadic

89945D
5C8893
935C88

Split-Comp.

89945D
5C6D93
835C93

Tetradic

89945D
5C9383
675C93
935C6D

Contrast Matrix WCAG 2.1 Contrast

89945D
988A66
A6806E
B47677
C26B7F
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
3.3AA Large
3.4AA Large
3.5AA Large
3.6AA Large
3.7AA Large
Black BG
6.5AA
6.2AA
5.9AA
5.8AA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E6A
92926F
969572
999977
9C9C7A

Deuteranopia

8D8C6E
939471
989B73
9DA177
A1A879

Tritanopia

8A7577
977677
A47677
B17777
BE7676

Achromatopsia

8A8A8A
8A8A8A
898989
898989
878787

Shades & Tints Shades & Tints

#89945D

Dark
Light

#988A66

Dark
Light

#A6806E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #89945d;
  --color-2: #988a66;
  --color-3: #a6806e;
  --color-4: #b47677;
  --color-5: #c26b7f;
}

SCSS

$color-1: #89945d;
$color-2: #988a66;
$color-3: #a6806e;
$color-4: #b47677;
$color-5: #c26b7f;

TAILWIND

colors: {
  'brand-1': '#89945d',
  'brand-2': '#988a66',
  'brand-3': '#a6806e',
  'brand-4': '#b47677',
  'brand-5': '#c26b7f',
}

RGB Array

[137, 148, 93], [152, 138, 102], [166, 128, 110], [180, 118, 119], [194, 107, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #89945D, #988A66, #A6806E, #B47677, #C26B7F 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: #89945d; --color-2: #988a66; --color-3: #a6806e; --color-4: #b47677; --color-5: #c26b7f. 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