← Back to Editor

#665E57 · #A5B6C9 · #C9B1A5 · #C9BAA5 · #C8C9A5

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

#665E57

Tangerine · DimGray · Charcoal

HEX
#665E57
RGB
rgb(102, 94, 87)
HSL
hsl(28, 8%, 37%)
HSB
hsb(28, 15%, 40%)
CMYK
cmyk(0%, 8%, 15%, 60%)
Oklch
oklch(48.7% 0.015 63.7)

Traditional「Tangerine」· Paint「Charcoal」· Creative Midnight Shadow

#A5B6C9

Azure · LightSteelBlue · Cobalt Blue

HEX
#A5B6C9
RGB
rgb(165, 182, 201)
HSL
hsl(212, 25%, 72%)
HSB
hsb(212, 18%, 79%)
CMYK
cmyk(18%, 9%, 0%, 21%)
Oklch
oklch(76.9% 0.033 251.2)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#C9B1A5

Apricot · Tan · Warm Sun

HEX
#C9B1A5
RGB
rgb(201, 177, 165)
HSL
hsl(20, 25%, 72%)
HSB
hsb(20, 18%, 79%)
CMYK
cmyk(0%, 12%, 18%, 21%)
Oklch
oklch(77.8% 0.033 48.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C9BAA5

Goose Yellow · Tan · Warm Sun

HEX
#C9BAA5
RGB
rgb(201, 186, 165)
HSL
hsl(35, 25%, 72%)
HSB
hsb(35, 18%, 79%)
CMYK
cmyk(0%, 7%, 18%, 21%)
Oklch
oklch(79.6% 0.034 76.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C8C9A5

Fresh Green · Silver · Sunflower

HEX
#C8C9A5
RGB
rgb(200, 201, 165)
HSL
hsl(62, 25%, 72%)
HSB
hsb(62, 18%, 79%)
CMYK
cmyk(0%, 0%, 18%, 21%)
Oklch
oklch(82.6% 0.049 108.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

665E57
575F66

Analogous

665757
665E57
666557

Triadic

665E57
57665E
5E5766

Split-Comp.

665E57
576665
575766

Tetradic

665E57
576657
575F66
655766

Contrast Matrix WCAG 2.1 Contrast

665E57
A5B6C9
C9B1A5
C9BAA5
C8C9A5
—
3.1
AA Large
3.1
AA Large
3.3
AA Large
3.7
AA Large
3.1
AA Large
—
1.0
Fail
1.1
Fail
1.2
Fail
3.1
AA Large
1.0
Fail
—
1.1
Fail
1.2
Fail
3.3
AA Large
1.1
Fail
1.1
Fail
—
1.1
Fail
3.7
AA Large
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
6.4AA
2.1Fail
2.0Fail
1.9Fail
1.7Fail
Black BG
3.3AA Large
10.1AAA
10.3AAA
11.1AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

636259
ACADC4
BFBEA8
C3C2AA
C8C8AE

Deuteranopia

636459
ABAAC3
C0C2A9
C3C5AB
C8C8B0

Tritanopia

665A5A
A6C1C0
C8AAAB
C8AEAF
C8B5B6

Achromatopsia

606060
B3B3B3
B7B7B7
BCBCBC
C5C5C5

Shades & Tints Shades & Tints

#665E57

Dark
Light

#A5B6C9

Dark
Light

#C9B1A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #665e57;
  --color-2: #a5b6c9;
  --color-3: #c9b1a5;
  --color-4: #c9baa5;
  --color-5: #c8c9a5;
}

SCSS

$color-1: #665e57;
$color-2: #a5b6c9;
$color-3: #c9b1a5;
$color-4: #c9baa5;
$color-5: #c8c9a5;

TAILWIND

colors: {
  'brand-1': '#665e57',
  'brand-2': '#a5b6c9',
  'brand-3': '#c9b1a5',
  'brand-4': '#c9baa5',
  'brand-5': '#c8c9a5',
}

RGB Array

[102, 94, 87], [165, 182, 201], [201, 177, 165], [201, 186, 165], [200, 201, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #665E57, #A5B6C9, #C9B1A5, #C9BAA5, #C8C9A5 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: #665e57; --color-2: #a5b6c9; --color-3: #c9b1a5; --color-4: #c9baa5; --color-5: #c8c9a5. 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