← Back to Editor

#C0D69F · #A6C8A4 · #8CBAA8 · #8F7B7C · #913C50

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

#C0D69F

Willow Green · Silver · Apple Green

HEX
#C0D69F
RGB
rgb(192, 214, 159)
HSL
hsl(84, 40%, 73%)
HSB
hsb(84, 26%, 84%)
CMYK
cmyk(10%, 0%, 26%, 16%)
Oklch
oklch(84.6% 0.077 125.7)

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

#A6C8A4

Celadon · DarkGray · Apple Green

HEX
#A6C8A4
RGB
rgb(166, 200, 164)
HSL
hsl(117, 25%, 71%)
HSB
hsb(117, 18%, 78%)
CMYK
cmyk(17%, 0%, 18%, 22%)
Oklch
oklch(79.8% 0.062 143.5)

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

#8CBAA8

Jade · DarkSeaGreen · Apple Green

HEX
#8CBAA8
RGB
rgb(140, 186, 168)
HSL
hsl(157, 25%, 64%)
HSB
hsb(157, 25%, 73%)
CMYK
cmyk(25%, 0%, 10%, 27%)
Oklch
oklch(75.1% 0.055 168.8)

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

#8F7B7C

Crimson · Gray · Warm Gray

HEX
#8F7B7C
RGB
rgb(143, 123, 124)
HSL
hsl(357, 8%, 52%)
HSB
hsb(357, 14%, 56%)
CMYK
cmyk(0%, 14%, 13%, 44%)
Oklch
oklch(60.2% 0.025 14.4)

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

#913C50

Crimson · Sienna · Wine Red

HEX
#913C50
RGB
rgb(145, 60, 80)
HSL
hsl(346, 41%, 40%)
HSB
hsb(346, 59%, 57%)
CMYK
cmyk(0%, 59%, 45%, 43%)
Oklch
oklch(47.6% 0.116 8.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0D69F
B59FD6

Analogous

D6D09F
C0D69F
A4D69F

Triadic

C0D69F
9FC0D6
D69FC0

Split-Comp.

C0D69F
9FA4D6
D09FD6

Tetradic

C0D69F
9FD6D0
B59FD6
D69FA4

Contrast Matrix WCAG 2.1 Contrast

C0D69F
A6C8A4
8CBAA8
8F7B7C
913C50
—
1.2
Fail
1.4
Fail
2.5
Fail
4.5
AA
1.2
Fail
—
1.2
Fail
2.2
Fail
3.8
AA Large
1.4
Fail
1.2
Fail
—
1.8
Fail
3.3
AA Large
2.5
Fail
2.2
Fail
1.8
Fail
—
1.8
Fail
4.5
AA
3.8
AA Large
3.3
AA Large
1.8
Fail
—
White BG
1.6Fail
1.8Fail
2.2Fail
4.0AA Large
7.1AAA
Black BG
13.4AAA
11.4AAA
9.7AAA
5.3AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAAC
B5B5AD
A0A0AC
86867C
6C6B4B

Deuteranopia

C8C7B0
B3B0AF
9D9AAD
88897C
71784A

Tritanopia

C1B7B9
A8B4B5
8EB0B1
8E7C7C
8D4747

Achromatopsia

C9C9C9
BABABA
AAAAAA
818181
585858

Shades & Tints Shades & Tints

#C0D69F

Dark
Light

#A6C8A4

Dark
Light

#8CBAA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0d69f;
  --color-2: #a6c8a4;
  --color-3: #8cbaa8;
  --color-4: #8f7b7c;
  --color-5: #913c50;
}

SCSS

$color-1: #c0d69f;
$color-2: #a6c8a4;
$color-3: #8cbaa8;
$color-4: #8f7b7c;
$color-5: #913c50;

TAILWIND

colors: {
  'brand-1': '#c0d69f',
  'brand-2': '#a6c8a4',
  'brand-3': '#8cbaa8',
  'brand-4': '#8f7b7c',
  'brand-5': '#913c50',
}

RGB Array

[192, 214, 159], [166, 200, 164], [140, 186, 168], [143, 123, 124], [145, 60, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C0D69F, #A6C8A4, #8CBAA8, #8F7B7C, #913C50 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: #c0d69f; --color-2: #a6c8a4; --color-3: #8cbaa8; --color-4: #8f7b7c; --color-5: #913c50. 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