← Back to Editor

#BFD6D2 · #ADC4C0 · #A8AEAA · #A39994 · #9E837E

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

#BFD6D2

Jade · LightGray · Glacier Blue

HEX
#BFD6D2
RGB
rgb(191, 214, 210)
HSL
hsl(170, 22%, 79%)
HSB
hsb(170, 11%, 84%)
CMYK
cmyk(11%, 0%, 2%, 16%)
Oklch
oklch(85.8% 0.025 184.2)

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

#ADC4C0

Jade · Silver · Lake Green

HEX
#ADC4C0
RGB
rgb(173, 196, 192)
HSL
hsl(170, 16%, 72%)
HSB
hsb(170, 12%, 77%)
CMYK
cmyk(12%, 0%, 2%, 23%)
Oklch
oklch(80.2% 0.026 184.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#A8AEAA

Ash · DarkGray · Silver Sand

HEX
#A8AEAA
RGB
rgb(168, 174, 170)
HSL
hsl(140, 4%, 67%)
HSB
hsb(140, 3%, 68%)
CMYK
cmyk(3%, 0%, 2%, 32%)
Oklch
oklch(74.5% 0.009 157.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#A39994

Apricot · DarkGray · Silver Sand

HEX
#A39994
RGB
rgb(163, 153, 148)
HSL
hsl(20, 8%, 61%)
HSB
hsb(20, 9%, 64%)
CMYK
cmyk(0%, 6%, 9%, 36%)
Oklch
oklch(69.0% 0.014 48.5)

Traditional「Apricot」· Paint「Silver Sand」· Creative Urban Concrete

#9E837E

Crimson · Gray · Passion Red

HEX
#9E837E
RGB
rgb(158, 131, 126)
HSL
hsl(9, 14%, 56%)
HSB
hsb(9, 20%, 62%)
CMYK
cmyk(0%, 17%, 20%, 38%)
Oklch
oklch(63.4% 0.034 30.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFD6D2
D5BEC2

Analogous

BED5C6
BFD6D2
BECDD5

Triadic

BFD6D2
D1BED5
D5D1BE

Split-Comp.

BFD6D2
D5BECD
D5C6BE

Tetradic

BFD6D2
C6BED5
D5BEC2
CDD5BE

Contrast Matrix WCAG 2.1 Contrast

BFD6D2
ADC4C0
A8AEAA
A39994
9E837E
—
1.2
Fail
1.5
Fail
1.8
Fail
2.3
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.3
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
White BG
1.5Fail
1.8Fail
2.3Fail
2.8Fail
3.5AA Large
Black BG
13.8AAA
11.4AAA
9.3AAA
7.5AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9D3
B7B7C1
ABABAB
9F9F95
92927F

Deuteranopia

C8C6D3
B6B4C1
AAAAAB
9FA096
94967F

Tritanopia

C0D4D4
AEC2C2
A8ACAC
A39696
9D8080

Achromatopsia

CFCFCF
BDBDBD
ACACAC
9B9B9B
8B8B8B

Shades & Tints Shades & Tints

#BFD6D2

Dark
Light

#ADC4C0

Dark
Light

#A8AEAA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfd6d2;
  --color-2: #adc4c0;
  --color-3: #a8aeaa;
  --color-4: #a39994;
  --color-5: #9e837e;
}

SCSS

$color-1: #bfd6d2;
$color-2: #adc4c0;
$color-3: #a8aeaa;
$color-4: #a39994;
$color-5: #9e837e;

TAILWIND

colors: {
  'brand-1': '#bfd6d2',
  'brand-2': '#adc4c0',
  'brand-3': '#a8aeaa',
  'brand-4': '#a39994',
  'brand-5': '#9e837e',
}

RGB Array

[191, 214, 210], [173, 196, 192], [168, 174, 170], [163, 153, 148], [158, 131, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFD6D2, #ADC4C0, #A8AEAA, #A39994, #9E837E 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: #bfd6d2; --color-2: #adc4c0; --color-3: #a8aeaa; --color-4: #a39994; --color-5: #9e837e. 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