← Back to Editor

#9CACA1 · #1E152A · #A28895 · #D5B2B9 · #D0C5AF

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#9CACA1

Celadon · DarkGray · Silver Sand

HEX
#9CACA1
RGB
rgb(156, 172, 161)
HSL
hsl(139, 9%, 64%)
HSB
hsb(139, 9%, 67%)
CMYK
cmyk(9%, 0%, 6%, 33%)
Oklch
oklch(72.9% 0.024 155.7)

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

#1E152A

Deep Indigo · Black · Dark Purple

HEX
#1E152A
RGB
rgb(30, 21, 42)
HSL
hsl(266, 33%, 12%)
HSB
hsb(266, 50%, 16%)
CMYK
cmyk(29%, 50%, 0%, 84%)
Oklch
oklch(21.8% 0.042 302.8)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#A28895

Dark Violet · DarkGray · Rose Pink

HEX
#A28895
RGB
rgb(162, 136, 149)
HSL
hsl(330, 12%, 58%)
HSB
hsb(330, 16%, 64%)
CMYK
cmyk(0%, 16%, 8%, 36%)
Oklch
oklch(65.5% 0.036 346.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D5B2B9

Peach Pink · Silver · Coral Red

HEX
#D5B2B9
RGB
rgb(213, 178, 185)
HSL
hsl(348, 29%, 77%)
HSB
hsb(348, 16%, 84%)
CMYK
cmyk(0%, 16%, 13%, 16%)
Oklch
oklch(79.6% 0.041 4.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D0C5AF

Goose Yellow · Silver · Sunflower

HEX
#D0C5AF
RGB
rgb(208, 197, 175)
HSL
hsl(40, 26%, 75%)
HSB
hsb(40, 16%, 82%)
CMYK
cmyk(0%, 5%, 16%, 18%)
Oklch
oklch(82.7% 0.032 84.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9CACA1
AB9BA6

Analogous

9EAB9B
9CACA1
9BABA8

Triadic

9CACA1
A09BAB
ABA09B

Split-Comp.

9CACA1
A89BAB
AB9B9E

Tetradic

9CACA1
9B9EAB
AB9BA6
ABA89B

Contrast Matrix WCAG 2.1 Contrast

9CACA1
1E152A
A28895
D5B2B9
D0C5AF
—
7.4
AAA
1.4
Fail
1.2
Fail
1.4
Fail
7.4
AAA
—
5.4
AA
9.1
AAA
10.3
AAA
1.4
Fail
5.4
AA
—
1.7
Fail
1.9
Fail
1.2
Fail
9.1
AAA
1.7
Fail
—
1.1
Fail
1.4
Fail
10.3
AAA
1.9
Fail
1.1
Fail
—
White BG
2.4Fail
17.6AAA
3.2AA Large
1.9Fail
1.7Fail
Black BG
8.8AAA
1.2Fail
6.5AA
10.9AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A3A4
1A1A25
979792
C6C6B7
CBCBB4

Deuteranopia

A2A1A4
1B1B24
989A91
C8CBB7
CCCDB6

Tritanopia

9DA6A6
1E2120
A18F8F
D3B6B6
CFB9B9

Achromatopsia

A6A6A6
1A1A1A
919191
BDBDBD
C6C6C6

Shades & Tints Shades & Tints

#9CACA1

Dark
Light

#1E152A

Dark
Light

#A28895

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9caca1;
  --color-2: #1e152a;
  --color-3: #a28895;
  --color-4: #d5b2b9;
  --color-5: #d0c5af;
}

SCSS

$color-1: #9caca1;
$color-2: #1e152a;
$color-3: #a28895;
$color-4: #d5b2b9;
$color-5: #d0c5af;

TAILWIND

colors: {
  'brand-1': '#9caca1',
  'brand-2': '#1e152a',
  'brand-3': '#a28895',
  'brand-4': '#d5b2b9',
  'brand-5': '#d0c5af',
}

RGB Array

[156, 172, 161], [30, 21, 42], [162, 136, 149], [213, 178, 185], [208, 197, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #9CACA1, #1E152A, #A28895, #D5B2B9, #D0C5AF is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #9caca1; --color-2: #1e152a; --color-3: #a28895; --color-4: #d5b2b9; --color-5: #d0c5af. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 space-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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