#AC8DAF + #837898 + #95D0AB + #ADE3AF + #C8EE99 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#AC8DAF

Lilac · DarkGray · Lilac Purple

HEX

#AC8DAF

RGB

rgb(172, 141, 175)

HSL

hsl(295, 18%, 62%)

HSB

hsb(295, 19%, 69%)

CMYK

cmyk(2%, 19%, 0%, 31%)

Oklch

oklch(68.3% 0.060 323.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#837898

Deep Indigo · LightSlateGray · Violet

HEX

#837898

RGB

rgb(131, 120, 152)

HSL

hsl(261, 13%, 53%)

HSB

hsb(261, 21%, 60%)

CMYK

cmyk(14%, 21%, 0%, 40%)

Oklch

oklch(59.4% 0.050 300.6)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#95D0AB

Celadon · DarkSeaGreen · Apple Green

HEX

#95D0AB

RGB

rgb(149, 208, 171)

HSL

hsl(142, 39%, 70%)

HSB

hsb(142, 28%, 82%)

CMYK

cmyk(28%, 0%, 18%, 18%)

Oklch

oklch(80.7% 0.080 156.6)

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

#ADE3AF

Celadon · Silver · Apple Green

HEX

#ADE3AF

RGB

rgb(173, 227, 175)

HSL

hsl(122, 49%, 78%)

HSB

hsb(122, 24%, 89%)

CMYK

cmyk(24%, 0%, 23%, 11%)

Oklch

oklch(86.5% 0.090 145.7)

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

#C8EE99

Willow Green · Khaki · Apple Green

HEX

#C8EE99

RGB

rgb(200, 238, 153)

HSL

hsl(87, 71%, 77%)

HSB

hsb(87, 36%, 93%)

CMYK

cmyk(16%, 0%, 36%, 7%)

Oklch

oklch(90.2% 0.117 128.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC8DAF

90B08D

Analogous

9B8DB0

AC8DAF

B08DA1

Triadic

AC8DAF

B0AD8D

8DB0AD

Split-Comp.

AC8DAF

A1B08D

8DB09B

Tetradic

AC8DAF

B09B8D

90B08D

8DA1B0

Contrast Matrix WCAG 2.1 Contrast

AC8DAF	837898	95D0AB	ADE3AF	C8EE99
—	1.4 Fail	1.7 Fail	2.0 Fail	2.2 Fail
1.4 Fail	—	2.3 Fail	2.8 Fail	3.2 AA Large
1.7 Fail	2.3 Fail	—	1.2 Fail	1.4 Fail
2.0 Fail	2.8 Fail	1.2 Fail	—	1.1 Fail
2.2 Fail	3.2 AA Large	1.4 Fail	1.1 Fail	—

White BG

2.9Fail

4.1AA Large

1.8Fail

1.5Fail

1.3Fail

Black BG

7.2AAA

5.1AA

11.9AAA

14.4AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9EA7

7E7E90

AFAFB4

C4C5BC

D8D9AE

Deuteranopia

A0A3A5

7F808E

ABA7B6

C1BDBF

D6D3B3

Tritanopia

AAA09F

828A89

98BBBD

B0C6C8

CABEC1

Achromatopsia

9A9A9A

7F7F7F

BABABA

CDCDCD

D9D9D9

Shades & Tints Shades & Tints

#AC8DAF

Dark

Light

#837898

Dark

Light

#95D0AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac8daf;
  --color-2: #837898;
  --color-3: #95d0ab;
  --color-4: #ade3af;
  --color-5: #c8ee99;
}

SCSS

$color-1: #ac8daf;
$color-2: #837898;
$color-3: #95d0ab;
$color-4: #ade3af;
$color-5: #c8ee99;

TAILWIND

colors: {
  'brand-1': '#ac8daf',
  'brand-2': '#837898',
  'brand-3': '#95d0ab',
  'brand-4': '#ade3af',
  'brand-5': '#c8ee99',
}

RGB Array

[172, 141, 175], [131, 120, 152], [149, 208, 171], [173, 227, 175], [200, 238, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #AC8DAF, #837898, #95D0AB, #ADE3AF, #C8EE99 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ac8daf; --color-2: #837898; --color-3: #95d0ab; --color-4: #ade3af; --color-5: #c8ee99. 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 tech, SaaS, healthcare, eco industries. 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