← Back to Editor

#9CB2A8 · #728982 · #47605B · #260E1C · #070B04

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#9CB2A8

Jade · DarkGray · Apple Green

HEX
#9CB2A8
RGB
rgb(156, 178, 168)
HSL
hsl(153, 12%, 65%)
HSB
hsb(153, 12%, 70%)
CMYK
cmyk(12%, 0%, 6%, 30%)
Oklch
oklch(74.4% 0.028 166.5)

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

#728982

Mineral Blue · Gray · Warm Gray

HEX
#728982
RGB
rgb(114, 137, 130)
HSL
hsl(162, 9%, 49%)
HSB
hsb(162, 17%, 54%)
CMYK
cmyk(17%, 0%, 5%, 46%)
Oklch
oklch(61.0% 0.028 175.0)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

#47605B

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#47605B
RGB
rgb(71, 96, 91)
HSL
hsl(168, 15%, 33%)
HSB
hsb(168, 26%, 38%)
CMYK
cmyk(26%, 0%, 5%, 62%)
Oklch
oklch(46.7% 0.031 181.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#260E1C

Rose Purple · Black · Raspberry

HEX
#260E1C
RGB
rgb(38, 14, 28)
HSL
hsl(325, 46%, 10%)
HSB
hsb(325, 63%, 15%)
CMYK
cmyk(0%, 63%, 26%, 85%)
Oklch
oklch(20.7% 0.046 345.8)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#070B04

Celadon · Black · Dark Green

HEX
#070B04
RGB
rgb(7, 11, 4)
HSL
hsl(94, 47%, 3%)
HSB
hsb(94, 64%, 4%)
CMYK
cmyk(36%, 0%, 64%, 96%)
Oklch
oklch(14.2% 0.019 130.2)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9CB2A8
B09BA5

Analogous

9BB09C
9CB2A8
9BAFB0

Triadic

9CB2A8
A79BB0
B0A79B

Split-Comp.

9CB2A8
B09BAF
B09C9B

Tetradic

9CB2A8
9C9BB0
B09BA5
AFB09B

Contrast Matrix WCAG 2.1 Contrast

9CB2A8
728982
47605B
260E1C
070B04
—
1.7
Fail
3.0
AA Large
8.0
AAA
8.8
AAA
1.7
Fail
—
1.8
Fail
4.8
AA
5.3
AA
3.0
AA Large
1.8
Fail
—
2.7
Fail
2.9
Fail
8.0
AAA
4.8
AA
2.7
Fail
—
1.1
Fail
8.8
AAA
5.3
AA
2.9
Fail
1.1
Fail
—
White BG
2.2Fail
3.7AA Large
6.8AA
18.1AAA
19.8AAA
Black BG
9.3AAA
5.6AA
3.1AA Large
1.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A6AA
7C7C84
52525C
1C1B19
090906

Deuteranopia

A4A3AB
7B7984
504F5D
1D1F18
090806

Tritanopia

9DACAD
738585
485D5D
251615
070707

Achromatopsia

AAAAAA
818181
585858
171717
090909

Shades & Tints Shades & Tints

#9CB2A8

Dark
Light

#728982

Dark
Light

#47605B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9cb2a8;
  --color-2: #728982;
  --color-3: #47605b;
  --color-4: #260e1c;
  --color-5: #070b04;
}

SCSS

$color-1: #9cb2a8;
$color-2: #728982;
$color-3: #47605b;
$color-4: #260e1c;
$color-5: #070b04;

TAILWIND

colors: {
  'brand-1': '#9cb2a8',
  'brand-2': '#728982',
  'brand-3': '#47605b',
  'brand-4': '#260e1c',
  'brand-5': '#070b04',
}

RGB Array

[156, 178, 168], [114, 137, 130], [71, 96, 91], [38, 14, 28], [7, 11, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9CB2A8, #728982, #47605B, #260E1C, #070B04 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #9cb2a8; --color-2: #728982; --color-3: #47605b; --color-4: #260e1c; --color-5: #070b04. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 general-style 5-color scheme is especially suited for finance, legal, luxury 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