← Back to Editor

#0B2420 · #08525F · #91AC8D · #C7C594 · #AE320E

A 5-color palette 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

#0B2420

Mineral Blue · Black · Peacock Green

HEX
#0B2420
RGB
rgb(11, 36, 32)
HSL
hsl(170, 53%, 9%)
HSB
hsb(170, 69%, 14%)
CMYK
cmyk(69%, 0%, 11%, 86%)
Oklch
oklch(23.9% 0.032 181.5)

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

#08525F

Lake Blue · DarkSlateGray · Peacock Green

HEX
#08525F
RGB
rgb(8, 82, 95)
HSL
hsl(189, 84%, 20%)
HSB
hsb(189, 92%, 37%)
CMYK
cmyk(92%, 14%, 0%, 63%)
Oklch
oklch(40.4% 0.068 213.6)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#91AC8D

Celadon · DarkSeaGreen · Apple Green

HEX
#91AC8D
RGB
rgb(145, 172, 141)
HSL
hsl(112, 16%, 61%)
HSB
hsb(112, 18%, 67%)
CMYK
cmyk(16%, 0%, 18%, 33%)
Oklch
oklch(71.5% 0.053 141.5)

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

#C7C594

Fresh Green · Tan · Sunflower

HEX
#C7C594
RGB
rgb(199, 197, 148)
HSL
hsl(58, 31%, 68%)
HSB
hsb(58, 26%, 78%)
CMYK
cmyk(0%, 1%, 26%, 22%)
Oklch
oklch(81.3% 0.065 105.8)

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

#AE320E

Vermilion · FireBrick · Wine Red

HEX
#AE320E
RGB
rgb(174, 50, 14)
HSL
hsl(14, 85%, 37%)
HSB
hsb(14, 92%, 68%)
CMYK
cmyk(0%, 71%, 92%, 32%)
Oklch
oklch(50.2% 0.166 35.3)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B2420
230B0F

Analogous

0B2313
0B2420
0B1B23

Triadic

0B2420
1F0B23
231F0B

Split-Comp.

0B2420
230B1B
23130B

Tetradic

0B2420
130B23
230B0F
1B230B

Contrast Matrix WCAG 2.1 Contrast

0B2420
08525F
91AC8D
C7C594
AE320E
—
1.9
Fail
6.6
AA
9.2
AAA
2.5
Fail
1.9
Fail
—
3.6
AA Large
5.0
AA
1.4
Fail
6.6
AA
3.6
AA Large
—
1.4
Fail
2.6
Fail
9.2
AAA
5.0
AA
1.4
Fail
—
3.6
AA Large
2.5
Fail
1.4
Fail
2.6
Fail
3.6
AA Large
—
White BG
16.3AAA
8.8AAA
2.5Fail
1.8Fail
6.4AA
Black BG
1.3Fail
2.4Fail
8.5AAA
11.8AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

161621
28295C
9D9D95
C6C6A0
787717

Deuteranopia

141321
241E5B
9B9996
C6C6A3
808919

Tritanopia

0C2222
0C5959
929A9C
C7A9AB
A81E1F

Achromatopsia

1C1C1C
3D3D3D
A0A0A0
C0C0C0
535353

Shades & Tints Shades & Tints

#0B2420

Dark
Light

#08525F

Dark
Light

#91AC8D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b2420;
  --color-2: #08525f;
  --color-3: #91ac8d;
  --color-4: #c7c594;
  --color-5: #ae320e;
}

SCSS

$color-1: #0b2420;
$color-2: #08525f;
$color-3: #91ac8d;
$color-4: #c7c594;
$color-5: #ae320e;

TAILWIND

colors: {
  'brand-1': '#0b2420',
  'brand-2': '#08525f',
  'brand-3': '#91ac8d',
  'brand-4': '#c7c594',
  'brand-5': '#ae320e',
}

RGB Array

[11, 36, 32], [8, 82, 95], [145, 172, 141], [199, 197, 148], [174, 50, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0B2420, #08525F, #91AC8D, #C7C594, #AE320E is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0b2420; --color-2: #08525f; --color-3: #91ac8d; --color-4: #c7c594; --color-5: #ae320e. 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 tech, SaaS, healthcare, eco industries. 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