#870D32 + #C7562E + #E29B4A + #8DC4B2 + #6AA394 · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#870D32

Dark Violet · Brown · Camellia

HEX

#870D32

RGB

rgb(135, 13, 50)

HSL

hsl(342, 82%, 29%)

HSB

hsb(342, 90%, 53%)

CMYK

cmyk(0%, 90%, 63%, 47%)

Oklch

oklch(40.4% 0.153 12.0)

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

#C7562E

Tangerine · Chocolate · Amber Brown

HEX

#C7562E

RGB

rgb(199, 86, 46)

HSL

hsl(16, 62%, 48%)

HSB

hsb(16, 77%, 78%)

CMYK

cmyk(0%, 57%, 77%, 22%)

Oklch

oklch(59.1% 0.154 39.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E29B4A

Ginger · SandyBrown · Warm Sun

HEX

#E29B4A

RGB

rgb(226, 155, 74)

HSL

hsl(32, 72%, 59%)

HSB

hsb(32, 67%, 89%)

CMYK

cmyk(0%, 31%, 67%, 11%)

Oklch

oklch(74.4% 0.128 67.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#8DC4B2

Jade · DarkSeaGreen · Lake Green

HEX

#8DC4B2

RGB

rgb(141, 196, 178)

HSL

hsl(160, 32%, 66%)

HSB

hsb(160, 28%, 77%)

CMYK

cmyk(28%, 0%, 9%, 23%)

Oklch

oklch(77.7% 0.063 172.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#6AA394

Mineral Blue · CadetBlue · Lake Green

HEX

#6AA394

RGB

rgb(106, 163, 148)

HSL

hsl(164, 24%, 53%)

HSB

hsb(164, 35%, 64%)

CMYK

cmyk(35%, 0%, 9%, 36%)

Oklch

oklch(67.2% 0.064 175.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

870D32

0D8762

Analogous

870D6E

870D32

87260D

Triadic

870D32

32870D

0D3287

Split-Comp.

870D32

0D8726

0D6E87

Tetradic

870D32

6E870D

0D8762

260D87

Contrast Matrix WCAG 2.1 Contrast

870D32	C7562E	E29B4A	8DC4B2	6AA394
—	2.2 Fail	4.2 AA Large	5.0 AA	3.4 AA Large
2.2 Fail	—	1.9 Fail	2.2 Fail	1.5 Fail
4.2 AA Large	1.9 Fail	—	1.2 Fail	1.2 Fail
5.0 AA	2.2 Fail	1.2 Fail	—	1.5 Fail
3.4 AA Large	1.5 Fail	1.2 Fail	1.5 Fail	—

White BG

9.8AAA

4.4AA Large

2.3Fail

2.0Fail

2.9Fail

Black BG

2.1Fail

4.8AA

9.0AAA

10.7AAA

7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525129

969538

C3C35E

A5A5B6

838398

Deuteranopia

596227

9DA53A

C7CD62

A29EB7

7F7B99

Tritanopia

812220

C13F41

DE6D70

90BABB

6D9A9B

Achromatopsia

363636

737373

A7A7A7

B2B2B2

909090

Shades & Tints Shades & Tints

#870D32

Dark

Light

#C7562E

Dark

Light

#E29B4A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #870d32;
  --color-2: #c7562e;
  --color-3: #e29b4a;
  --color-4: #8dc4b2;
  --color-5: #6aa394;
}

SCSS

$color-1: #870d32;
$color-2: #c7562e;
$color-3: #e29b4a;
$color-4: #8dc4b2;
$color-5: #6aa394;

TAILWIND

colors: {
  'brand-1': '#870d32',
  'brand-2': '#c7562e',
  'brand-3': '#e29b4a',
  'brand-4': '#8dc4b2',
  'brand-5': '#6aa394',
}

RGB Array

[135, 13, 50], [199, 86, 46], [226, 155, 74], [141, 196, 178], [106, 163, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #870D32, #C7562E, #E29B4A, #8DC4B2, #6AA394 is ideal for: corporate websites, product showcases, portfolios. 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: #870d32; --color-2: #c7562e; --color-3: #e29b4a; --color-4: #8dc4b2; --color-5: #6aa394. 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. 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 minimal-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