← Back to Editor

#150B09 · #050B07 · #786E55 · #696E56 · #567562

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#150B09

Crimson · Black · Deep Berry

HEX
#150B09
RGB
rgb(21, 11, 9)
HSL
hsl(10, 40%, 6%)
HSB
hsb(10, 57%, 8%)
CMYK
cmyk(0%, 48%, 57%, 92%)
Oklch
oklch(16.3% 0.018 31.9)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#050B07

Celadon · Black · Dark Green

HEX
#050B07
RGB
rgb(5, 11, 7)
HSL
hsl(140, 38%, 3%)
HSB
hsb(140, 55%, 4%)
CMYK
cmyk(55%, 0%, 36%, 96%)
Oklch
oklch(14.0% 0.015 157.0)

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

#786E55

Ochre · DimGray · Honey Gold

HEX
#786E55
RGB
rgb(120, 110, 85)
HSL
hsl(43, 17%, 40%)
HSB
hsb(43, 29%, 47%)
CMYK
cmyk(0%, 8%, 29%, 53%)
Oklch
oklch(54.1% 0.039 88.8)

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

#696E56

Grass Green · DimGray · Forest Green

HEX
#696E56
RGB
rgb(105, 110, 86)
HSL
hsl(73, 12%, 38%)
HSB
hsb(73, 22%, 43%)
CMYK
cmyk(5%, 0%, 22%, 57%)
Oklch
oklch(52.7% 0.037 117.2)

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

#567562

Celadon · DimGray · Forest Green

HEX
#567562
RGB
rgb(86, 117, 98)
HSL
hsl(143, 15%, 40%)
HSB
hsb(143, 26%, 46%)
CMYK
cmyk(26%, 0%, 16%, 54%)
Oklch
oklch(53.3% 0.047 157.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

150B09
091315

Analogous

15090D
150B09
151109

Triadic

150B09
09150B
0B0915

Split-Comp.

150B09
091511
090D15

Tetradic

150B09
0D1509
091315
110915

Contrast Matrix WCAG 2.1 Contrast

150B09
050B07
786E55
696E56
567562
—
1.0
Fail
3.8
AA Large
3.7
AA Large
3.8
AA Large
1.0
Fail
—
3.9
AA Large
3.8
AA Large
3.9
AA Large
3.8
AA Large
3.9
AA Large
—
1.0
Fail
1.0
Fail
3.7
AA Large
3.8
AA Large
1.0
Fail
—
1.0
Fail
3.8
AA Large
3.9
AA Large
1.0
Fail
1.0
Fail
—
White BG
19.4AAA
19.9AAA
5.0AA
5.3AA
5.1AA
Black BG
1.1Fail
1.1Fail
4.2AA Large
4.0AA Large
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

111109
080808
74745B
6B6B5C
636467

Deuteranopia

11120A
070708
74755D
6B6B5D
625F68

Tritanopia

150A0A
050909
786061
696061
586A6B

Achromatopsia

0E0E0E
090909
6E6E6E
6A6A6A
6A6A6A

Shades & Tints Shades & Tints

#150B09

Dark
Light

#050B07

Dark
Light

#786E55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #150b09;
  --color-2: #050b07;
  --color-3: #786e55;
  --color-4: #696e56;
  --color-5: #567562;
}

SCSS

$color-1: #150b09;
$color-2: #050b07;
$color-3: #786e55;
$color-4: #696e56;
$color-5: #567562;

TAILWIND

colors: {
  'brand-1': '#150b09',
  'brand-2': '#050b07',
  'brand-3': '#786e55',
  'brand-4': '#696e56',
  'brand-5': '#567562',
}

RGB Array

[21, 11, 9], [5, 11, 7], [120, 110, 85], [105, 110, 86], [86, 117, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #150B09, #050B07, #786E55, #696E56, #567562 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #150b09; --color-2: #050b07; --color-3: #786e55; --color-4: #696e56; --color-5: #567562. 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. 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