← Back to Editor

#93A69F · #939E9F · #93938E · #93878B · #96788F

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#93A69F

Jade · DarkGray · Apple Green

HEX
#93A69F
RGB
rgb(147, 166, 159)
HSL
hsl(158, 10%, 61%)
HSB
hsb(158, 11%, 65%)
CMYK
cmyk(11%, 0%, 4%, 35%)
Oklch
oklch(70.8% 0.024 171.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#939E9F

Ash · DarkGray · Silver Sand

HEX
#939E9F
RGB
rgb(147, 158, 159)
HSL
hsl(185, 6%, 60%)
HSB
hsb(185, 8%, 62%)
CMYK
cmyk(8%, 1%, 0%, 38%)
Oklch
oklch(69.1% 0.013 203.4)

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

#93938E

Ash · Gray · Silver Sand

HEX
#93938E
RGB
rgb(147, 147, 142)
HSL
hsl(60, 2%, 57%)
HSB
hsb(60, 3%, 58%)
CMYK
cmyk(0%, 0%, 3%, 42%)
Oklch
oklch(66.2% 0.007 106.6)

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

#93878B

Ash · Gray · Warm Gray

HEX
#93878B
RGB
rgb(147, 135, 139)
HSL
hsl(340, 5%, 55%)
HSB
hsb(340, 8%, 58%)
CMYK
cmyk(0%, 8%, 5%, 42%)
Oklch
oklch(63.5% 0.016 355.3)

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

#96788F

Rose Purple · Gray · Violet

HEX
#96788F
RGB
rgb(150, 120, 143)
HSL
hsl(314, 13%, 53%)
HSB
hsb(314, 20%, 59%)
CMYK
cmyk(0%, 20%, 5%, 41%)
Oklch
oklch(60.9% 0.050 334.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93A69F
A59299

Analogous

92A594
93A69F
92A3A5

Triadic

93A69F
9E92A5
A59E92

Split-Comp.

93A69F
A592A3
A59492

Tetradic

93A69F
9492A5
A59299
A3A592

Contrast Matrix WCAG 2.1 Contrast

93A69F
939E9F
93938E
93878B
96788F
—
1.1
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
2.6Fail
2.8Fail
3.1AA Large
3.5AA Large
3.9AA Large
Black BG
8.2AAA
7.6AAA
6.8AA
6.1AA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9BA1
98989F
93938F
8E8E8A
898989

Deuteranopia

9A99A1
97969F
939390
8F8F8A
8B8D88

Tritanopia

94A2A2
949F9F
939090
928989
958584

Achromatopsia

A0A0A0
9B9B9B
929292
8B8B8B
848484

Shades & Tints Shades & Tints

#93A69F

Dark
Light

#939E9F

Dark
Light

#93938E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93a69f;
  --color-2: #939e9f;
  --color-3: #93938e;
  --color-4: #93878b;
  --color-5: #96788f;
}

SCSS

$color-1: #93a69f;
$color-2: #939e9f;
$color-3: #93938e;
$color-4: #93878b;
$color-5: #96788f;

TAILWIND

colors: {
  'brand-1': '#93a69f',
  'brand-2': '#939e9f',
  'brand-3': '#93938e',
  'brand-4': '#93878b',
  'brand-5': '#96788f',
}

RGB Array

[147, 166, 159], [147, 158, 159], [147, 147, 142], [147, 135, 139], [150, 120, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #93A69F, #939E9F, #93938E, #93878B, #96788F 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: #93a69f; --color-2: #939e9f; --color-3: #93938e; --color-4: #93878b; --color-5: #96788f. 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