← Back to Editor

#D8BAB7 · #C9B8AD · #AEB5A3 · #8BB09D · #68AD96

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D8BAB7

Peach Pink · Silver · Coral Red

HEX
#D8BAB7
RGB
rgb(216, 186, 183)
HSL
hsl(5, 30%, 78%)
HSB
hsb(5, 15%, 85%)
CMYK
cmyk(0%, 14%, 15%, 15%)
Oklch
oklch(81.4% 0.035 24.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C9B8AD

Apricot · Silver · Warm Sun

HEX
#C9B8AD
RGB
rgb(201, 184, 173)
HSL
hsl(24, 21%, 73%)
HSB
hsb(24, 14%, 79%)
CMYK
cmyk(0%, 8%, 14%, 21%)
Oklch
oklch(79.4% 0.025 55.2)

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

#AEB5A3

Willow Green · DarkGray · Apple Green

HEX
#AEB5A3
RGB
rgb(174, 181, 163)
HSL
hsl(83, 11%, 67%)
HSB
hsb(83, 10%, 71%)
CMYK
cmyk(4%, 0%, 10%, 29%)
Oklch
oklch(76.2% 0.026 124.4)

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

#8BB09D

Celadon · DarkSeaGreen · Apple Green

HEX
#8BB09D
RGB
rgb(139, 176, 157)
HSL
hsl(149, 19%, 62%)
HSB
hsb(149, 21%, 69%)
CMYK
cmyk(21%, 0%, 11%, 31%)
Oklch
oklch(72.4% 0.049 162.6)

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

#68AD96

Mineral Blue · CadetBlue · Lake Green

HEX
#68AD96
RGB
rgb(104, 173, 150)
HSL
hsl(160, 30%, 54%)
HSB
hsb(160, 40%, 68%)
CMYK
cmyk(40%, 0%, 13%, 32%)
Oklch
oklch(69.5% 0.078 170.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8BAB7
B6D5D8

Analogous

D8B6C4
D8BAB7
D8CAB6

Triadic

D8BAB7
B6D8B9
B9B6D8

Split-Comp.

D8BAB7
B6D8CA
B6C4D8

Tetradic

D8BAB7
C4D8B6
B6D5D8
CAB6D8

Contrast Matrix WCAG 2.1 Contrast

D8BAB7
C9B8AD
AEB5A3
8BB09D
68AD96
—
1.1
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
1.8Fail
1.9Fail
2.1Fail
2.4Fail
2.6Fail
Black BG
11.6AAA
10.9AAA
9.9AAA
8.8AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBB8
C2C1B0
B1B1A7
9B9BA2
86869C

Deuteranopia

CDCFB8
C3C4B0
B1B0A8
9996A3
827D9D

Tritanopia

D7B8B8
C8B2B2
AEABAC
8DA5A6
6BA0A1

Achromatopsia

C3C3C3
BCBCBC
B1B1B1
A3A3A3
969696

Shades & Tints Shades & Tints

#D8BAB7

Dark
Light

#C9B8AD

Dark
Light

#AEB5A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8bab7;
  --color-2: #c9b8ad;
  --color-3: #aeb5a3;
  --color-4: #8bb09d;
  --color-5: #68ad96;
}

SCSS

$color-1: #d8bab7;
$color-2: #c9b8ad;
$color-3: #aeb5a3;
$color-4: #8bb09d;
$color-5: #68ad96;

TAILWIND

colors: {
  'brand-1': '#d8bab7',
  'brand-2': '#c9b8ad',
  'brand-3': '#aeb5a3',
  'brand-4': '#8bb09d',
  'brand-5': '#68ad96',
}

RGB Array

[216, 186, 183], [201, 184, 173], [174, 181, 163], [139, 176, 157], [104, 173, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8BAB7, #C9B8AD, #AEB5A3, #8BB09D, #68AD96 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: #d8bab7; --color-2: #c9b8ad; --color-3: #aeb5a3; --color-4: #8bb09d; --color-5: #68ad96. 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 general-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