← Back to Editor

#371D26 · #C26E56 · #E5835E · #CAA571 · #9EA385

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#371D26

Dark Violet · DarkSlateGray · Raspberry

HEX
#371D26
RGB
rgb(55, 29, 38)
HSL
hsl(339, 31%, 16%)
HSB
hsb(339, 47%, 22%)
CMYK
cmyk(0%, 47%, 31%, 78%)
Oklch
oklch(26.9% 0.043 358.2)

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

#C26E56

Crimson · Chocolate · Passion Red

HEX
#C26E56
RGB
rgb(194, 110, 86)
HSL
hsl(13, 47%, 55%)
HSB
hsb(13, 56%, 76%)
CMYK
cmyk(0%, 43%, 56%, 24%)
Oklch
oklch(62.7% 0.113 36.8)

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

#E5835E

Apricot · Salmon · Warm Sun

HEX
#E5835E
RGB
rgb(229, 131, 94)
HSL
hsl(16, 72%, 63%)
HSB
hsb(16, 59%, 90%)
CMYK
cmyk(0%, 43%, 59%, 10%)
Oklch
oklch(70.9% 0.131 41.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CAA571

Ginger · Tan · Warm Sun

HEX
#CAA571
RGB
rgb(202, 165, 113)
HSL
hsl(35, 46%, 62%)
HSB
hsb(35, 44%, 79%)
CMYK
cmyk(0%, 18%, 44%, 21%)
Oklch
oklch(74.3% 0.081 75.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#9EA385

Grass Green · DarkSeaGreen · Olive Green

HEX
#9EA385
RGB
rgb(158, 163, 133)
HSL
hsl(70, 14%, 58%)
HSB
hsb(70, 18%, 64%)
CMYK
cmyk(3%, 0%, 18%, 36%)
Oklch
oklch(70.3% 0.043 115.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

371D26
1C352D

Analogous

351C32
371D26
35201C

Triadic

371D26
25351C
1C2535

Split-Comp.

371D26
1C3520
1C3235

Tetradic

371D26
32351C
1C352D
201C35

Contrast Matrix WCAG 2.1 Contrast

371D26
C26E56
E5835E
CAA571
9EA385
—
4.1
AA Large
5.7
AA
6.7
AA
5.9
AA
4.1
AA Large
—
1.4
Fail
1.6
Fail
1.4
Fail
5.7
AA
1.4
Fail
—
1.2
Fail
1.0
Fail
6.7
AA
1.6
Fail
1.2
Fail
—
1.1
Fail
5.9
AA
1.4
Fail
1.0
Fail
1.1
Fail
—
White BG
15.4AAA
3.7AA Large
2.7Fail
2.3Fail
2.6Fail
Black BG
1.4Fail
5.7AA
7.7AAA
9.1AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C24
9E9D5C
BBBA67
BABA7E
A0A08C

Deuteranopia

2D2F23
A3A95D
C0C869
BCBF81
A0A08E

Tritanopia

362222
BE6061
E06E70
C8888A
9E9293

Achromatopsia

262626
848484
9C9C9C
AAAAAA
9E9E9E

Shades & Tints Shades & Tints

#371D26

Dark
Light

#C26E56

Dark
Light

#E5835E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #371d26;
  --color-2: #c26e56;
  --color-3: #e5835e;
  --color-4: #caa571;
  --color-5: #9ea385;
}

SCSS

$color-1: #371d26;
$color-2: #c26e56;
$color-3: #e5835e;
$color-4: #caa571;
$color-5: #9ea385;

TAILWIND

colors: {
  'brand-1': '#371d26',
  'brand-2': '#c26e56',
  'brand-3': '#e5835e',
  'brand-4': '#caa571',
  'brand-5': '#9ea385',
}

RGB Array

[55, 29, 38], [194, 110, 86], [229, 131, 94], [202, 165, 113], [158, 163, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #371D26, #C26E56, #E5835E, #CAA571, #9EA385 is ideal for: 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: #371d26; --color-2: #c26e56; --color-3: #e5835e; --color-4: #caa571; --color-5: #9ea385. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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