← Back to Editor

#A8596F · #EEF1DB · #C5E0DC · #BCC3CF · #A9A3B8

dark

A 5-color dark 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

#A8596F

Dark Violet · Gray · Camellia

HEX
#A8596F
RGB
rgb(168, 89, 111)
HSL
hsl(343, 31%, 50%)
HSB
hsb(343, 47%, 66%)
CMYK
cmyk(0%, 47%, 34%, 34%)
Oklch
oklch(56.3% 0.106 3.3)

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

#EEF1DB

Fresh Green · Beige · Lemon Cream

HEX
#EEF1DB
RGB
rgb(238, 241, 219)
HSL
hsl(68, 44%, 90%)
HSB
hsb(68, 9%, 95%)
CMYK
cmyk(1%, 0%, 9%, 5%)
Oklch
oklch(95.0% 0.029 113.3)

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

#C5E0DC

Jade · LightGray · Glacier Blue

HEX
#C5E0DC
RGB
rgb(197, 224, 220)
HSL
hsl(171, 30%, 83%)
HSB
hsb(171, 12%, 88%)
CMYK
cmyk(12%, 0%, 2%, 12%)
Oklch
oklch(88.6% 0.029 185.9)

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

#BCC3CF

Azure · Silver · Cobalt Blue

HEX
#BCC3CF
RGB
rgb(188, 195, 207)
HSL
hsl(218, 17%, 77%)
HSB
hsb(218, 9%, 81%)
CMYK
cmyk(9%, 6%, 0%, 19%)
Oklch
oklch(81.5% 0.019 261.3)

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

#A9A3B8

Wisteria · DarkGray · Cobalt Blue

HEX
#A9A3B8
RGB
rgb(169, 163, 184)
HSL
hsl(257, 13%, 68%)
HSB
hsb(257, 11%, 72%)
CMYK
cmyk(8%, 11%, 0%, 28%)
Oklch
oklch(72.7% 0.031 298.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8596F
58A791

Analogous

A75896
A8596F
A76958

Triadic

A8596F
6EA758
586EA7

Split-Comp.

A8596F
58A769
5896A7

Tetradic

A8596F
96A758
58A791
6958A7

Contrast Matrix WCAG 2.1 Contrast

A8596F
EEF1DB
C5E0DC
BCC3CF
A9A3B8
—
4.2
AA Large
3.5
AA Large
2.7
Fail
2.0
Fail
4.2
AA Large
—
1.2
Fail
1.5
Fail
2.1
Fail
3.5
AA Large
1.2
Fail
—
1.3
Fail
1.7
Fail
2.7
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
2.0
Fail
2.1
Fail
1.7
Fail
1.4
Fail
—
White BG
4.9AA
1.2Fail
1.4Fail
1.8Fail
2.4Fail
Black BG
4.3AA Large
18.2AAA
15.1AAA
11.8AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

86856A
EFEFE0
D1D1DD
BFBFCC
A6A6B3

Deuteranopia

8A9068
EFEFE2
CFCDDD
BFBECB
A7A7B2

Tritanopia

A46565
EEE5E5
C6DEDE
BCCAC9
A9AFAE

Achromatopsia

737373
EEEEEE
D7D7D7
C2C2C2
A7A7A7

Shades & Tints Shades & Tints

#A8596F

Dark
Light

#EEF1DB

Dark
Light

#C5E0DC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8596f;
  --color-2: #eef1db;
  --color-3: #c5e0dc;
  --color-4: #bcc3cf;
  --color-5: #a9a3b8;
}

SCSS

$color-1: #a8596f;
$color-2: #eef1db;
$color-3: #c5e0dc;
$color-4: #bcc3cf;
$color-5: #a9a3b8;

TAILWIND

colors: {
  'brand-1': '#a8596f',
  'brand-2': '#eef1db',
  'brand-3': '#c5e0dc',
  'brand-4': '#bcc3cf',
  'brand-5': '#a9a3b8',
}

RGB Array

[168, 89, 111], [238, 241, 219], [197, 224, 220], [188, 195, 207], [169, 163, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #A8596F, #EEF1DB, #C5E0DC, #BCC3CF, #A9A3B8 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: #a8596f; --color-2: #eef1db; --color-3: #c5e0dc; --color-4: #bcc3cf; --color-5: #a9a3b8. 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 dark-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