← Back to Editor

#1C1819 · #153037 · #07675B · #5D985E · #AAF7CD

dark

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

#1C1819

Crimson · Black · Jet Black

HEX
#1C1819
RGB
rgb(28, 24, 25)
HSL
hsl(345, 8%, 10%)
HSB
hsb(345, 14%, 11%)
CMYK
cmyk(0%, 14%, 11%, 89%)
Oklch
oklch(21.4% 0.007 0.7)

Traditional「Crimson」· Paint「Jet Black」· Creative Midnight Shadow

#153037

Slate Blue · DarkSlateGray · Peacock Green

HEX
#153037
RGB
rgb(21, 48, 55)
HSL
hsl(192, 45%, 15%)
HSB
hsb(192, 62%, 22%)
CMYK
cmyk(62%, 13%, 0%, 78%)
Oklch
oklch(29.1% 0.035 216.8)

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

#07675B

Mineral Blue · Teal · Peacock Green

HEX
#07675B
RGB
rgb(7, 103, 91)
HSL
hsl(173, 87%, 22%)
HSB
hsb(173, 93%, 40%)
CMYK
cmyk(93%, 0%, 12%, 60%)
Oklch
oklch(46.2% 0.081 181.0)

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

#5D985E

Celadon · MediumSeaGreen · Olive Green

HEX
#5D985E
RGB
rgb(93, 152, 94)
HSL
hsl(121, 24%, 48%)
HSB
hsb(121, 39%, 60%)
CMYK
cmyk(39%, 0%, 38%, 40%)
Oklch
oklch(62.4% 0.106 144.5)

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

#AAF7CD

Emerald · LightBlue · Mint Green

HEX
#AAF7CD
RGB
rgb(170, 247, 205)
HSL
hsl(147, 83%, 82%)
HSB
hsb(147, 31%, 97%)
CMYK
cmyk(31%, 0%, 17%, 3%)
Oklch
oklch(91.5% 0.096 159.9)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1819
171C1B

Analogous

1C171B
1C1819
1C1817

Triadic

1C1819
181C17
17181C

Split-Comp.

1C1819
171C18
171B1C

Tetradic

1C1819
1B1C17
171C1B
18171C

Contrast Matrix WCAG 2.1 Contrast

1C1819
153037
07675B
5D985E
AAF7CD
—
1.3
Fail
2.6
Fail
5.1
AA
14.1
AAA
1.3
Fail
—
2.1
Fail
4.1
AA Large
11.2
AAA
2.6
Fail
2.1
Fail
—
2.0
Fail
5.4
AA
5.1
AA
4.1
AA Large
2.0
Fail
—
2.8
Fail
14.1
AAA
11.2
AAA
5.4
AA
2.8
Fail
—
White BG
17.6AAA
13.9AAA
6.8AA
3.4AA Large
1.2Fail
Black BG
1.2Fail
1.5Fail
3.1AA Large
6.1AA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A19
212135
31315E
77776C
CBCCD7

Deuteranopia

1B1B19
1F1D35
2B245F
736F6F
C7C1DA

Tritanopia

1C1919
163434
0C6061
60777A
AEDFE1

Achromatopsia

191919
292929
494949
808080
DBDBDB

Shades & Tints Shades & Tints

#1C1819

Dark
Light

#153037

Dark
Light

#07675B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1819;
  --color-2: #153037;
  --color-3: #07675b;
  --color-4: #5d985e;
  --color-5: #aaf7cd;
}

SCSS

$color-1: #1c1819;
$color-2: #153037;
$color-3: #07675b;
$color-4: #5d985e;
$color-5: #aaf7cd;

TAILWIND

colors: {
  'brand-1': '#1c1819',
  'brand-2': '#153037',
  'brand-3': '#07675b',
  'brand-4': '#5d985e',
  'brand-5': '#aaf7cd',
}

RGB Array

[28, 24, 25], [21, 48, 55], [7, 103, 91], [93, 152, 94], [170, 247, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #1C1819, #153037, #07675B, #5D985E, #AAF7CD 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: #1c1819; --color-2: #153037; --color-3: #07675b; --color-4: #5d985e; --color-5: #aaf7cd. 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 dark-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