← Back to Editor

#5E2C37 · #482E31 · #25312F · #1C5751 · #CFC27A

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

#5E2C37

Crimson · DarkSlateGray · Wine Red

HEX
#5E2C37
RGB
rgb(94, 44, 55)
HSL
hsl(347, 36%, 27%)
HSB
hsb(347, 53%, 37%)
CMYK
cmyk(0%, 53%, 41%, 63%)
Oklch
oklch(36.4% 0.074 7.5)

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

#482E31

Crimson · DarkSlateGray · Wine Red

HEX
#482E31
RGB
rgb(72, 46, 49)
HSL
hsl(353, 22%, 23%)
HSB
hsb(353, 36%, 28%)
CMYK
cmyk(0%, 36%, 32%, 72%)
Oklch
oklch(33.4% 0.039 11.8)

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

#25312F

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#25312F
RGB
rgb(37, 49, 47)
HSL
hsl(170, 14%, 17%)
HSB
hsb(170, 24%, 19%)
CMYK
cmyk(24%, 0%, 4%, 81%)
Oklch
oklch(30.1% 0.017 183.9)

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

#1C5751

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#1C5751
RGB
rgb(28, 87, 81)
HSL
hsl(174, 51%, 23%)
HSB
hsb(174, 68%, 34%)
CMYK
cmyk(68%, 0%, 7%, 66%)
Oklch
oklch(41.7% 0.061 185.7)

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

#CFC27A

Fresh Green · BurlyWood · Sunflower

HEX
#CFC27A
RGB
rgb(207, 194, 122)
HSL
hsl(51, 47%, 65%)
HSB
hsb(51, 41%, 81%)
CMYK
cmyk(0%, 6%, 41%, 19%)
Oklch
oklch(80.9% 0.093 99.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E2C37
2C5E53

Analogous

5E2C50
5E2C37
5E3A2C

Triadic

5E2C37
375E2C
2C375E

Split-Comp.

5E2C37
2C5E3A
2C505E

Tetradic

5E2C37
505E2C
2C5E53
3A2C5E

Contrast Matrix WCAG 2.1 Contrast

5E2C37
482E31
25312F
1C5751
CFC27A
—
1.1
Fail
1.2
Fail
1.3
Fail
6.2
AA
1.1
Fail
—
1.1
Fail
1.5
Fail
6.8
AA
1.2
Fail
1.1
Fail
—
1.6
Fail
7.5
AAA
1.3
Fail
1.5
Fail
1.6
Fail
—
4.6
AA
6.2
AA
6.8
AA
7.5
AAA
4.6
AA
—
White BG
11.1AAA
12.3AAA
13.5AAA
8.3AAA
1.8Fail
Black BG
1.9Fail
1.7Fail
1.6Fail
2.5Fail
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484834
3D3D30
2A2A2F
363652
C9C98B

Deuteranopia

4B4F34
3E4030
2A2930
322E53
CACB90

Tritanopia

5C3232
473030
263030
1F5454
CE999C

Achromatopsia

3C3C3C
363636
2D2D2D
454545
BEBEBE

Shades & Tints Shades & Tints

#5E2C37

Dark
Light

#482E31

Dark
Light

#25312F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e2c37;
  --color-2: #482e31;
  --color-3: #25312f;
  --color-4: #1c5751;
  --color-5: #cfc27a;
}

SCSS

$color-1: #5e2c37;
$color-2: #482e31;
$color-3: #25312f;
$color-4: #1c5751;
$color-5: #cfc27a;

TAILWIND

colors: {
  'brand-1': '#5e2c37',
  'brand-2': '#482e31',
  'brand-3': '#25312f',
  'brand-4': '#1c5751',
  'brand-5': '#cfc27a',
}

RGB Array

[94, 44, 55], [72, 46, 49], [37, 49, 47], [28, 87, 81], [207, 194, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E2C37, #482E31, #25312F, #1C5751, #CFC27A 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: #5e2c37; --color-2: #482e31; --color-3: #25312f; --color-4: #1c5751; --color-5: #cfc27a. 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