← Back to Editor

#5E5B3A · #3CF7E1 · #A28F00 · #3F00A3 · #2E2B33

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#5E5B3A

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#5E5B3A
RGB
rgb(94, 91, 58)
HSL
hsl(55, 24%, 30%)
HSB
hsb(55, 38%, 37%)
CMYK
cmyk(0%, 3%, 38%, 63%)
Oklch
oklch(46.5% 0.049 103.7)

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

#3CF7E1

Mineral Blue · Turquoise · Lake Green

HEX
#3CF7E1
RGB
rgb(60, 247, 225)
HSL
hsl(173, 92%, 60%)
HSB
hsb(173, 76%, 97%)
CMYK
cmyk(76%, 0%, 9%, 3%)
Oklch
oklch(88.2% 0.146 183.0)

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

#A28F00

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A28F00
RGB
rgb(162, 143, 0)
HSL
hsl(53, 100%, 32%)
HSB
hsb(53, 100%, 64%)
CMYK
cmyk(0%, 12%, 100%, 36%)
Oklch
oklch(64.7% 0.134 99.9)

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

#3F00A3

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#3F00A3
RGB
rgb(63, 0, 163)
HSL
hsl(263, 100%, 32%)
HSB
hsb(263, 100%, 64%)
CMYK
cmyk(61%, 100%, 0%, 36%)
Oklch
oklch(36.1% 0.210 285.7)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#2E2B33

Deep Indigo · DarkSlateGray · Dark Stone

HEX
#2E2B33
RGB
rgb(46, 43, 51)
HSL
hsl(263, 9%, 18%)
HSB
hsb(263, 16%, 20%)
CMYK
cmyk(10%, 16%, 0%, 80%)
Oklch
oklch(29.5% 0.015 302.5)

Traditional「Deep Indigo」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E5B3A
3A3D5F

Analogous

5F493A
5E5B3A
505F3A

Triadic

5E5B3A
3A5F5C
5C3A5F

Split-Comp.

5E5B3A
3A505F
493A5F

Tetradic

5E5B3A
3A5F49
3A3D5F
5F3A50

Contrast Matrix WCAG 2.1 Contrast

5E5B3A
3CF7E1
A28F00
3F00A3
2E2B33
—
5.1
AA
2.1
Fail
1.7
Fail
2.0
Fail
5.1
AA
—
2.4
Fail
9.0
AAA
10.3
AAA
2.1
Fail
2.4
Fail
—
3.7
AA Large
4.3
AA Large
1.7
Fail
9.0
AAA
3.7
AA Large
—
1.2
Fail
2.0
Fail
10.3
AAA
4.3
AA Large
1.2
Fail
—
White BG
6.9AA
1.3Fail
3.2AA Large
12.1AAA
13.9AAA
Black BG
3.0AA Large
15.6AAA
6.5AA
1.7Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D42
8D8FE6
9A9A23
24237C
2D2D31

Deuteranopia

5D5D44
8274E8
9B9C2B
272C72
2D2D31

Tritanopia

5E484A
45EBEB
A13E44
3C5C56
2E302F

Achromatopsia

585858
BDBDBD
848484
252525
2D2D2D

Shades & Tints Shades & Tints

#5E5B3A

Dark
Light

#3CF7E1

Dark
Light

#A28F00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e5b3a;
  --color-2: #3cf7e1;
  --color-3: #a28f00;
  --color-4: #3f00a3;
  --color-5: #2e2b33;
}

SCSS

$color-1: #5e5b3a;
$color-2: #3cf7e1;
$color-3: #a28f00;
$color-4: #3f00a3;
$color-5: #2e2b33;

TAILWIND

colors: {
  'brand-1': '#5e5b3a',
  'brand-2': '#3cf7e1',
  'brand-3': '#a28f00',
  'brand-4': '#3f00a3',
  'brand-5': '#2e2b33',
}

RGB Array

[94, 91, 58], [60, 247, 225], [162, 143, 0], [63, 0, 163], [46, 43, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #5E5B3A, #3CF7E1, #A28F00, #3F00A3, #2E2B33 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5e5b3a; --color-2: #3cf7e1; --color-3: #a28f00; --color-4: #3f00a3; --color-5: #2e2b33. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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