← Back to Editor

#CFCCA5 · #ADC499 · #89B096 · #779E94 · #615666

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

#CFCCA5

Fresh Green · Silver · Sunflower

HEX
#CFCCA5
RGB
rgb(207, 204, 165)
HSL
hsl(56, 30%, 73%)
HSB
hsb(56, 20%, 81%)
CMYK
cmyk(0%, 1%, 20%, 19%)
Oklch
oklch(83.8% 0.052 103.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#ADC499

Celadon · DarkGray · Apple Green

HEX
#ADC499
RGB
rgb(173, 196, 153)
HSL
hsl(92, 27%, 68%)
HSB
hsb(92, 22%, 77%)
CMYK
cmyk(12%, 0%, 22%, 23%)
Oklch
oklch(79.2% 0.064 130.7)

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

#89B096

Celadon · DarkSeaGreen · Apple Green

HEX
#89B096
RGB
rgb(137, 176, 150)
HSL
hsl(140, 20%, 61%)
HSB
hsb(140, 22%, 69%)
CMYK
cmyk(22%, 0%, 15%, 31%)
Oklch
oklch(72.1% 0.057 155.6)

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

#779E94

Mineral Blue · LightSlateGray · Lake Green

HEX
#779E94
RGB
rgb(119, 158, 148)
HSL
hsl(165, 17%, 54%)
HSB
hsb(165, 25%, 62%)
CMYK
cmyk(25%, 0%, 6%, 38%)
Oklch
oklch(66.7% 0.045 177.3)

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

#615666

Dark Plum · DimGray · Charcoal

HEX
#615666
RGB
rgb(97, 86, 102)
HSL
hsl(281, 9%, 37%)
HSB
hsb(281, 16%, 40%)
CMYK
cmyk(5%, 16%, 0%, 60%)
Oklch
oklch(47.0% 0.029 315.3)

Traditional「Dark Plum」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFCCA5
A5A8CF

Analogous

CFB7A5
CFCCA5
BDCFA5

Triadic

CFCCA5
A5CFCC
CCA5CF

Split-Comp.

CFCCA5
A5BDCF
B7A5CF

Tetradic

CFCCA5
A5CFB7
A5A8CF
CFA5BD

Contrast Matrix WCAG 2.1 Contrast

CFCCA5
ADC499
89B096
779E94
615666
—
1.2
Fail
1.5
Fail
1.8
Fail
4.2
AA Large
1.2
Fail
—
1.3
Fail
1.6
Fail
3.7
AA Large
1.5
Fail
1.3
Fail
—
1.2
Fail
2.9
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
2.3
Fail
4.2
AA Large
3.7
AA Large
2.9
Fail
2.3
Fail
—
White BG
1.6Fail
1.9Fail
2.4Fail
3.0Fail
6.9AA
Black BG
12.8AAA
11.1AAA
8.7AAA
7.1AAA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEAE
B7B7A3
9A9A9C
888896
5C5C62

Deuteranopia

CECEB1
B6B4A6
98959E
868397
5D5E61

Tritanopia

CFB6B8
AEACAD
8BA1A2
799899
605F5E

Achromatopsia

C8C8C8
B8B8B8
A1A1A1
919191
5B5B5B

Shades & Tints Shades & Tints

#CFCCA5

Dark
Light

#ADC499

Dark
Light

#89B096

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfcca5;
  --color-2: #adc499;
  --color-3: #89b096;
  --color-4: #779e94;
  --color-5: #615666;
}

SCSS

$color-1: #cfcca5;
$color-2: #adc499;
$color-3: #89b096;
$color-4: #779e94;
$color-5: #615666;

TAILWIND

colors: {
  'brand-1': '#cfcca5',
  'brand-2': '#adc499',
  'brand-3': '#89b096',
  'brand-4': '#779e94',
  'brand-5': '#615666',
}

RGB Array

[207, 204, 165], [173, 196, 153], [137, 176, 150], [119, 158, 148], [97, 86, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #CFCCA5, #ADC499, #89B096, #779E94, #615666 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: #cfcca5; --color-2: #adc499; --color-3: #89b096; --color-4: #779e94; --color-5: #615666. 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