← Back to Editor

#0A0B06 · #767058 · #BCAF8C · #C9CBBE · #DBDAD5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0A0B06

Grass Green · Black · Dark Green

HEX
#0A0B06
RGB
rgb(10, 11, 6)
HSL
hsl(72, 29%, 3%)
HSB
hsb(72, 45%, 4%)
CMYK
cmyk(9%, 0%, 45%, 96%)
Oklch
oklch(14.6% 0.012 116.1)

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

#767058

Ochre · DimGray · Honey Gold

HEX
#767058
RGB
rgb(118, 112, 88)
HSL
hsl(48, 15%, 40%)
HSB
hsb(48, 25%, 46%)
CMYK
cmyk(0%, 5%, 25%, 54%)
Oklch
oklch(54.4% 0.036 95.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#BCAF8C

Ginger · Tan · Sunflower

HEX
#BCAF8C
RGB
rgb(188, 175, 140)
HSL
hsl(44, 26%, 64%)
HSB
hsb(44, 26%, 74%)
CMYK
cmyk(0%, 7%, 26%, 26%)
Oklch
oklch(75.6% 0.050 90.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C9CBBE

Fresh Green · Silver · Lemon Cream

HEX
#C9CBBE
RGB
rgb(201, 203, 190)
HSL
hsl(69, 11%, 77%)
HSB
hsb(69, 6%, 80%)
CMYK
cmyk(1%, 0%, 6%, 20%)
Oklch
oklch(83.7% 0.018 113.9)

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

#DBDAD5

Fresh Green · LightGray · Pearl Gray

HEX
#DBDAD5
RGB
rgb(219, 218, 213)
HSL
hsl(50, 8%, 85%)
HSB
hsb(50, 3%, 86%)
CMYK
cmyk(0%, 0%, 3%, 14%)
Oklch
oklch(88.8% 0.007 97.4)

Traditional「Fresh Green」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0B06
06050A

Analogous

0A0905
0A0B06
070A05

Triadic

0A0B06
05090A
0A0509

Split-Comp.

0A0B06
05070A
09050A

Tetradic

0A0B06
050A09
06050A
0A0507

Contrast Matrix WCAG 2.1 Contrast

0A0B06
767058
BCAF8C
C9CBBE
DBDAD5
—
4.0
AA Large
9.1
AAA
12.0
AAA
14.1
AAA
4.0
AA Large
—
2.3
Fail
3.0
AA Large
3.5
AA Large
9.1
AAA
2.3
Fail
—
1.3
Fail
1.6
Fail
12.0
AAA
3.0
AA Large
1.3
Fail
—
1.2
Fail
14.1
AAA
3.5
AA Large
1.6
Fail
1.2
Fail
—
White BG
19.7AAA
5.0AA
2.2Fail
1.6Fail
1.4Fail
Black BG
1.1Fail
4.2AA Large
9.6AAA
12.8AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0A07
73735E
B6B694
CACAC1
DBDBD6

Deuteranopia

0A0A07
74745F
B7B897
CACAC2
DBDBD7

Tritanopia

0A0808
766263
BB9B9D
C9C4C4
DBD7D7

Achromatopsia

0A0A0A
6F6F6F
AFAFAF
C9C9C9
DADADA

Shades & Tints Shades & Tints

#0A0B06

Dark
Light

#767058

Dark
Light

#BCAF8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0b06;
  --color-2: #767058;
  --color-3: #bcaf8c;
  --color-4: #c9cbbe;
  --color-5: #dbdad5;
}

SCSS

$color-1: #0a0b06;
$color-2: #767058;
$color-3: #bcaf8c;
$color-4: #c9cbbe;
$color-5: #dbdad5;

TAILWIND

colors: {
  'brand-1': '#0a0b06',
  'brand-2': '#767058',
  'brand-3': '#bcaf8c',
  'brand-4': '#c9cbbe',
  'brand-5': '#dbdad5',
}

RGB Array

[10, 11, 6], [118, 112, 88], [188, 175, 140], [201, 203, 190], [219, 218, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0A0B06, #767058, #BCAF8C, #C9CBBE, #DBDAD5 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: #0a0b06; --color-2: #767058; --color-3: #bcaf8c; --color-4: #c9cbbe; --color-5: #dbdad5. 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 general-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