← Back to Editor

#C6E3E6 · #6FA3A6 · #8A8A80 · #E8E099 · #DEDAD7

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

#C6E3E6

Sky Blue · LightBlue · Glacier Blue

HEX
#C6E3E6
RGB
rgb(198, 227, 230)
HSL
hsl(186, 39%, 84%)
HSB
hsb(186, 14%, 90%)
CMYK
cmyk(14%, 1%, 0%, 10%)
Oklch
oklch(89.6% 0.031 204.2)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#6FA3A6

Slate Blue · CadetBlue · Lake Green

HEX
#6FA3A6
RGB
rgb(111, 163, 166)
HSL
hsl(183, 24%, 54%)
HSB
hsb(183, 33%, 65%)
CMYK
cmyk(33%, 2%, 0%, 35%)
Oklch
oklch(68.0% 0.055 200.5)

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

#8A8A80

Ash · Gray · Warm Gray

HEX
#8A8A80
RGB
rgb(138, 138, 128)
HSL
hsl(60, 4%, 52%)
HSB
hsb(60, 7%, 54%)
CMYK
cmyk(0%, 0%, 7%, 46%)
Oklch
oklch(63.0% 0.015 106.8)

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

#E8E099

Fresh Green · Khaki · Sunflower

HEX
#E8E099
RGB
rgb(232, 224, 153)
HSL
hsl(54, 63%, 75%)
HSB
hsb(54, 34%, 91%)
CMYK
cmyk(0%, 3%, 34%, 9%)
Oklch
oklch(89.7% 0.091 102.6)

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

#DEDAD7

Apricot · LightGray · Peach Orange

HEX
#DEDAD7
RGB
rgb(222, 218, 215)
HSL
hsl(26, 10%, 86%)
HSB
hsb(26, 3%, 87%)
CMYK
cmyk(0%, 2%, 3%, 13%)
Oklch
oklch(89.1% 0.006 59.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6E3E6
E6C9C6

Analogous

C6E6D9
C6E3E6
C6D3E6

Triadic

C6E3E6
E6C6E3
E3E6C6

Split-Comp.

C6E3E6
E6C6D3
E6D9C6

Tetradic

C6E3E6
D9C6E6
E6C9C6
D3E6C6

Contrast Matrix WCAG 2.1 Contrast

C6E3E6
6FA3A6
8A8A80
E8E099
DEDAD7
—
2.1
Fail
2.6
Fail
1.0
Fail
1.0
Fail
2.1
Fail
—
1.2
Fail
2.1
Fail
2.0
Fail
2.6
Fail
1.2
Fail
—
2.6
Fail
2.5
Fail
1.0
Fail
2.1
Fail
2.6
Fail
—
1.0
Fail
1.0
Fail
2.0
Fail
2.5
Fail
1.0
Fail
—
White BG
1.4Fail
2.8Fail
3.5AA Large
1.4Fail
1.4Fail
Black BG
15.5AAA
7.5AAA
6.0AA
15.6AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3E5
8686A5
8A8A82
E5E4AA
DCDCD8

Deuteranopia

D1CFE5
837FA5
8A8A83
E5E6AE
DDDDD8

Tritanopia

C7E5E5
72A5A5
8A8485
E8B8BB
DED8D8

Achromatopsia

DBDBDB
949494
898989
DADADA
DBDBDB

Shades & Tints Shades & Tints

#C6E3E6

Dark
Light

#6FA3A6

Dark
Light

#8A8A80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6e3e6;
  --color-2: #6fa3a6;
  --color-3: #8a8a80;
  --color-4: #e8e099;
  --color-5: #dedad7;
}

SCSS

$color-1: #c6e3e6;
$color-2: #6fa3a6;
$color-3: #8a8a80;
$color-4: #e8e099;
$color-5: #dedad7;

TAILWIND

colors: {
  'brand-1': '#c6e3e6',
  'brand-2': '#6fa3a6',
  'brand-3': '#8a8a80',
  'brand-4': '#e8e099',
  'brand-5': '#dedad7',
}

RGB Array

[198, 227, 230], [111, 163, 166], [138, 138, 128], [232, 224, 153], [222, 218, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C6E3E6, #6FA3A6, #8A8A80, #E8E099, #DEDAD7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #c6e3e6; --color-2: #6fa3a6; --color-3: #8a8a80; --color-4: #e8e099; --color-5: #dedad7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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