← Back to Editor

#9165B0 · #9694B9 · #A7B5C0 · #BCCAA6 · #D9D4D0

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

#9165B0

Dark Plum · LightSlateGray · Violet

HEX
#9165B0
RGB
rgb(145, 101, 176)
HSL
hsl(275, 32%, 54%)
HSB
hsb(275, 43%, 69%)
CMYK
cmyk(18%, 43%, 0%, 31%)
Oklch
oklch(58.2% 0.121 310.1)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#9694B9

Wisteria · DarkGray · Cobalt Blue

HEX
#9694B9
RGB
rgb(150, 148, 185)
HSL
hsl(243, 21%, 65%)
HSB
hsb(243, 20%, 73%)
CMYK
cmyk(19%, 20%, 0%, 27%)
Oklch
oklch(68.1% 0.054 287.3)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#A7B5C0

Sky Blue · DarkGray · Cobalt Blue

HEX
#A7B5C0
RGB
rgb(167, 181, 192)
HSL
hsl(206, 17%, 70%)
HSB
hsb(206, 13%, 75%)
CMYK
cmyk(13%, 6%, 0%, 25%)
Oklch
oklch(76.6% 0.022 241.4)

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

#BCCAA6

Willow Green · Silver · Apple Green

HEX
#BCCAA6
RGB
rgb(188, 202, 166)
HSL
hsl(83, 25%, 72%)
HSB
hsb(83, 18%, 79%)
CMYK
cmyk(7%, 0%, 18%, 21%)
Oklch
oklch(81.9% 0.051 124.8)

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

#D9D4D0

Apricot · LightGray · Peach Orange

HEX
#D9D4D0
RGB
rgb(217, 212, 208)
HSL
hsl(27, 11%, 83%)
HSB
hsb(27, 4%, 85%)
CMYK
cmyk(0%, 2%, 4%, 15%)
Oklch
oklch(87.3% 0.008 61.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9165B0
83AF64

Analogous

6A64AF
9165B0
AF64A9

Triadic

9165B0
AF9064
64AF90

Split-Comp.

9165B0
A9AF64
64AF6A

Tetradic

9165B0
AF6A64
83AF64
64A9AF

Contrast Matrix WCAG 2.1 Contrast

9165B0
9694B9
A7B5C0
BCCAA6
D9D4D0
—
1.5
Fail
2.1
Fail
2.6
Fail
3.0
AA Large
1.5
Fail
—
1.4
Fail
1.7
Fail
2.0
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
2.6
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
3.0
AA Large
2.0
Fail
1.4
Fail
1.2
Fail
—
White BG
4.5AA Large
2.9Fail
2.1Fail
1.7Fail
1.5Fail
Black BG
4.7AA
7.2AAA
10.0AAA
12.1AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E9E
9595B0
ADADBD
C2C2AF
D7D7D1

Deuteranopia

81849A
9595AE
ACABBD
C1C0B1
D7D7D1

Tritanopia

8F908C
96A9A7
A8BBBB
BDB6B7
D9D2D2

Achromatopsia

7B7B7B
999999
B2B2B2
C2C2C2
D5D5D5

Shades & Tints Shades & Tints

#9165B0

Dark
Light

#9694B9

Dark
Light

#A7B5C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9165b0;
  --color-2: #9694b9;
  --color-3: #a7b5c0;
  --color-4: #bccaa6;
  --color-5: #d9d4d0;
}

SCSS

$color-1: #9165b0;
$color-2: #9694b9;
$color-3: #a7b5c0;
$color-4: #bccaa6;
$color-5: #d9d4d0;

TAILWIND

colors: {
  'brand-1': '#9165b0',
  'brand-2': '#9694b9',
  'brand-3': '#a7b5c0',
  'brand-4': '#bccaa6',
  'brand-5': '#d9d4d0',
}

RGB Array

[145, 101, 176], [150, 148, 185], [167, 181, 192], [188, 202, 166], [217, 212, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #9165B0, #9694B9, #A7B5C0, #BCCAA6, #D9D4D0 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: #9165b0; --color-2: #9694b9; --color-3: #a7b5c0; --color-4: #bccaa6; --color-5: #d9d4d0. 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