← Back to Editor

#5E664B · #363D31 · #1B140C · #793851 · #1E2528

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#5E664B

Grass Green · DarkOliveGreen · Forest Green

HEX
#5E664B
RGB
rgb(94, 102, 75)
HSL
hsl(78, 15%, 35%)
HSB
hsb(78, 26%, 40%)
CMYK
cmyk(8%, 0%, 26%, 60%)
Oklch
oklch(49.6% 0.042 121.4)

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

#363D31

Celadon · DarkSlateGray · Forest Green

HEX
#363D31
RGB
rgb(54, 61, 49)
HSL
hsl(95, 11%, 22%)
HSB
hsb(95, 20%, 24%)
CMYK
cmyk(11%, 0%, 20%, 76%)
Oklch
oklch(34.9% 0.022 132.3)

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

#1B140C

Ochre · Black · Cinnamon

HEX
#1B140C
RGB
rgb(27, 20, 12)
HSL
hsl(32, 38%, 8%)
HSB
hsb(32, 56%, 11%)
CMYK
cmyk(0%, 26%, 56%, 89%)
Oklch
oklch(19.7% 0.019 70.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#793851

Dark Violet · DimGray · Camellia

HEX
#793851
RGB
rgb(121, 56, 81)
HSL
hsl(337, 37%, 35%)
HSB
hsb(337, 54%, 47%)
CMYK
cmyk(0%, 54%, 33%, 53%)
Oklch
oklch(43.4% 0.095 357.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#1E2528

Slate Blue · DarkSlateGray · Peacock Green

HEX
#1E2528
RGB
rgb(30, 37, 40)
HSL
hsl(198, 14%, 14%)
HSB
hsb(198, 25%, 16%)
CMYK
cmyk(25%, 7%, 0%, 84%)
Oklch
oklch(25.9% 0.012 225.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E664B
544C67

Analogous

67614C
5E664B
51674C

Triadic

5E664B
4C5F67
674C5F

Split-Comp.

5E664B
4C5167
614C67

Tetradic

5E664B
4C6761
544C67
674C51

Contrast Matrix WCAG 2.1 Contrast

5E664B
363D31
1B140C
793851
1E2528
—
1.9
Fail
3.0
AA Large
1.4
Fail
2.6
Fail
1.9
Fail
—
1.6
Fail
1.3
Fail
1.4
Fail
3.0
AA Large
1.6
Fail
—
2.2
Fail
1.2
Fail
1.4
Fail
1.3
Fail
2.2
Fail
—
1.8
Fail
2.6
Fail
1.4
Fail
1.2
Fail
1.8
Fail
—
White BG
6.0AA
11.2AAA
18.2AAA
8.4AAA
15.6AAA
Black BG
3.5AA Large
1.9Fail
1.2Fail
2.5Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

616252
393934
18180E
5D5C4B
212127

Deuteranopia

616053
393835
18190E
61654A
212027

Tritanopia

5E5758
363637
1B0F10
764645
1E2727

Achromatopsia

616161
3A3A3A
151515
4E4E4E
232323

Shades & Tints Shades & Tints

#5E664B

Dark
Light

#363D31

Dark
Light

#1B140C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e664b;
  --color-2: #363d31;
  --color-3: #1b140c;
  --color-4: #793851;
  --color-5: #1e2528;
}

SCSS

$color-1: #5e664b;
$color-2: #363d31;
$color-3: #1b140c;
$color-4: #793851;
$color-5: #1e2528;

TAILWIND

colors: {
  'brand-1': '#5e664b',
  'brand-2': '#363d31',
  'brand-3': '#1b140c',
  'brand-4': '#793851',
  'brand-5': '#1e2528',
}

RGB Array

[94, 102, 75], [54, 61, 49], [27, 20, 12], [121, 56, 81], [30, 37, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E664B, #363D31, #1B140C, #793851, #1E2528 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: #5e664b; --color-2: #363d31; --color-3: #1b140c; --color-4: #793851; --color-5: #1e2528. 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