← Back to Editor

#050706 · #5B5E4B · #213E2C · #68A57C · #B0C493

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremium

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#050706

Mineral Blue · Black · Dark Green

HEX
#050706
RGB
rgb(5, 7, 6)
HSL
hsl(150, 17%, 2%)
HSB
hsb(150, 29%, 3%)
CMYK
cmyk(29%, 0%, 14%, 97%)
Oklch
oklch(12.5% 0.005 165.2)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#5B5E4B

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#5B5E4B
RGB
rgb(91, 94, 75)
HSL
hsl(69, 11%, 33%)
HSB
hsb(69, 20%, 37%)
CMYK
cmyk(3%, 0%, 20%, 63%)
Oklch
oklch(47.4% 0.030 114.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#213E2C

Celadon · DarkSlateGray · Dark Green

HEX
#213E2C
RGB
rgb(33, 62, 44)
HSL
hsl(143, 31%, 19%)
HSB
hsb(143, 47%, 24%)
CMYK
cmyk(47%, 0%, 29%, 76%)
Oklch
oklch(33.5% 0.048 155.6)

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

#68A57C

Celadon · CadetBlue · Olive Green

HEX
#68A57C
RGB
rgb(104, 165, 124)
HSL
hsl(140, 25%, 53%)
HSB
hsb(140, 37%, 65%)
CMYK
cmyk(37%, 0%, 25%, 35%)
Oklch
oklch(66.9% 0.088 154.0)

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

#B0C493

Willow Green · DarkSeaGreen · Apple Green

HEX
#B0C493
RGB
rgb(176, 196, 147)
HSL
hsl(84, 29%, 67%)
HSB
hsb(84, 25%, 77%)
CMYK
cmyk(10%, 0%, 25%, 23%)
Oklch
oklch(79.2% 0.070 126.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

050706
060405

Analogous

040604
050706
040606

Triadic

050706
050406
060504

Split-Comp.

050706
060406
060404

Tetradic

050706
040406
060405
060604

Contrast Matrix WCAG 2.1 Contrast

050706
5B5E4B
213E2C
68A57C
B0C493
—
3.0
AA Large
1.7
Fail
7.0
AA
10.7
AAA
3.0
AA Large
—
1.8
Fail
2.3
Fail
3.5
AA Large
1.7
Fail
1.8
Fail
—
4.1
AA Large
6.2
AA
7.0
AA
2.3
Fail
4.1
AA Large
—
1.5
Fail
10.7
AAA
3.5
AA Large
6.2
AA
1.5
Fail
—
White BG
20.2AAA
6.7AA
11.7AAA
2.9Fail
1.9Fail
Black BG
1.0Fail
3.1AA Large
1.8Fail
7.3AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

060606
5C5C50
2E2E30
828386
B9B99F

Deuteranopia

060606
5C5C51
2C2A31
7F7A88
B8B6A2

Tritanopia

050606
5B5354
223435
6B8E8F
B1A8AA

Achromatopsia

060606
5B5B5B
333333
8E8E8E
B8B8B8

Shades & Tints Shades & Tints

#050706

Dark
Light

#5B5E4B

Dark
Light

#213E2C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #050706;
  --color-2: #5b5e4b;
  --color-3: #213e2c;
  --color-4: #68a57c;
  --color-5: #b0c493;
}

SCSS

$color-1: #050706;
$color-2: #5b5e4b;
$color-3: #213e2c;
$color-4: #68a57c;
$color-5: #b0c493;

TAILWIND

colors: {
  'brand-1': '#050706',
  'brand-2': '#5b5e4b',
  'brand-3': '#213e2c',
  'brand-4': '#68a57c',
  'brand-5': '#b0c493',
}

RGB Array

[5, 7, 6], [91, 94, 75], [33, 62, 44], [104, 165, 124], [176, 196, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #050706, #5B5E4B, #213E2C, #68A57C, #B0C493 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: #050706; --color-2: #5b5e4b; --color-3: #213e2c; --color-4: #68a57c; --color-5: #b0c493. 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