← Back to Editor

#A8CBAD · #88B8A0 · #729B9A · #7D788D · #7F637B

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

#A8CBAD

Celadon · Silver · Apple Green

HEX
#A8CBAD
RGB
rgb(168, 203, 173)
HSL
hsl(129, 25%, 73%)
HSB
hsb(129, 17%, 80%)
CMYK
cmyk(17%, 0%, 15%, 20%)
Oklch
oklch(80.8% 0.056 149.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#88B8A0

Jade · DarkSeaGreen · Apple Green

HEX
#88B8A0
RGB
rgb(136, 184, 160)
HSL
hsl(150, 25%, 63%)
HSB
hsb(150, 26%, 72%)
CMYK
cmyk(26%, 0%, 13%, 28%)
Oklch
oklch(74.2% 0.062 162.7)

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

#729B9A

Mineral Blue · LightSlateGray · Lake Green

HEX
#729B9A
RGB
rgb(114, 155, 154)
HSL
hsl(179, 17%, 53%)
HSB
hsb(179, 26%, 61%)
CMYK
cmyk(26%, 0%, 1%, 39%)
Oklch
oklch(65.9% 0.045 194.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7D788D

Deep Indigo · Gray · Warm Gray

HEX
#7D788D
RGB
rgb(125, 120, 141)
HSL
hsl(254, 8%, 51%)
HSB
hsb(254, 15%, 55%)
CMYK
cmyk(11%, 15%, 0%, 45%)
Oklch
oklch(58.4% 0.032 296.3)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

#7F637B

Rose Purple · DimGray · Violet

HEX
#7F637B
RGB
rgb(127, 99, 123)
HSL
hsl(309, 12%, 44%)
HSB
hsb(309, 22%, 50%)
CMYK
cmyk(0%, 22%, 3%, 50%)
Oklch
oklch(53.6% 0.050 331.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8CBAD
CBA9C6

Analogous

B5CBA9
A8CBAD
A9CBBF

Triadic

A8CBAD
AEA9CB
CBAEA9

Split-Comp.

A8CBAD
BFA9CB
CBA9B5

Tetradic

A8CBAD
A9B5CB
CBA9C6
CBBFA9

Contrast Matrix WCAG 2.1 Contrast

A8CBAD
88B8A0
729B9A
7D788D
7F637B
—
1.3
Fail
1.7
Fail
2.4
Fail
3.0
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
2.4
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
1.7
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
1.2
Fail
3.0
Fail
2.4
Fail
1.7
Fail
1.2
Fail
—
White BG
1.8Fail
2.2Fail
3.1AA Large
4.2AA Large
5.3AA
Black BG
11.8AAA
9.4AAA
6.9AA
4.9AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7B4
9D9DA6
84849A
7B7B88
737375

Deuteranopia

B5B3B6
9A96A7
817E9A
7B7C87
757774

Tritanopia

AABABB
8AAAAB
749A9A
7D8483
7E7170

Achromatopsia

BDBDBD
A7A7A7
8F8F8F
7C7C7C
6E6E6E

Shades & Tints Shades & Tints

#A8CBAD

Dark
Light

#88B8A0

Dark
Light

#729B9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8cbad;
  --color-2: #88b8a0;
  --color-3: #729b9a;
  --color-4: #7d788d;
  --color-5: #7f637b;
}

SCSS

$color-1: #a8cbad;
$color-2: #88b8a0;
$color-3: #729b9a;
$color-4: #7d788d;
$color-5: #7f637b;

TAILWIND

colors: {
  'brand-1': '#a8cbad',
  'brand-2': '#88b8a0',
  'brand-3': '#729b9a',
  'brand-4': '#7d788d',
  'brand-5': '#7f637b',
}

RGB Array

[168, 203, 173], [136, 184, 160], [114, 155, 154], [125, 120, 141], [127, 99, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A8CBAD, #88B8A0, #729B9A, #7D788D, #7F637B 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: #a8cbad; --color-2: #88b8a0; --color-3: #729b9a; --color-4: #7d788d; --color-5: #7f637b. 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