← Back to Editor

#570827 · #A70A3F · #D65116 · #D5CF3B · #1EA094

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#570827

Dark Violet · Maroon · Raspberry

HEX
#570827
RGB
rgb(87, 8, 39)
HSL
hsl(336, 83%, 19%)
HSB
hsb(336, 91%, 34%)
CMYK
cmyk(0%, 91%, 55%, 66%)
Oklch
oklch(30.1% 0.111 4.5)

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

#A70A3F

Dark Violet · Brown · Camellia

HEX
#A70A3F
RGB
rgb(167, 10, 63)
HSL
hsl(340, 89%, 35%)
HSB
hsb(340, 94%, 65%)
CMYK
cmyk(0%, 94%, 62%, 35%)
Oklch
oklch(46.8% 0.182 11.6)

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

#D65116

Tangerine · Chocolate · Amber Brown

HEX
#D65116
RGB
rgb(214, 81, 22)
HSL
hsl(18, 81%, 46%)
HSB
hsb(18, 90%, 84%)
CMYK
cmyk(0%, 62%, 90%, 16%)
Oklch
oklch(60.6% 0.179 40.3)

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

#D5CF3B

Autumn Sage · GoldenRod · Sunflower

HEX
#D5CF3B
RGB
rgb(213, 207, 59)
HSL
hsl(58, 65%, 53%)
HSB
hsb(58, 72%, 84%)
CMYK
cmyk(0%, 3%, 72%, 16%)
Oklch
oklch(83.4% 0.161 107.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#1EA094

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#1EA094
RGB
rgb(30, 160, 148)
HSL
hsl(174, 68%, 37%)
HSB
hsb(174, 81%, 63%)
CMYK
cmyk(81%, 0%, 7%, 37%)
Oklch
oklch(63.8% 0.106 185.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

570827
085938

Analogous

590851
570827
591008

Triadic

570827
285908
082859

Split-Comp.

570827
085910
085159

Tetradic

570827
515908
085938
100859

Contrast Matrix WCAG 2.1 Contrast

570827
A70A3F
D65116
D5CF3B
1EA094
—
1.9
Fail
3.4
AA Large
8.7
AAA
4.4
AA Large
1.9
Fail
—
1.8
Fail
4.6
AA
2.4
Fail
3.4
AA Large
1.8
Fail
—
2.5
Fail
1.3
Fail
8.7
AAA
4.6
AA
2.5
Fail
—
2.0
Fail
4.4
AA Large
2.4
Fail
1.3
Fail
2.0
Fail
—
White BG
14.3AAA
7.6AAA
4.2AA Large
1.6Fail
3.2AA Large
Black BG
1.5Fail
2.8Fail
5.0AA
12.8AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

35341F
636232
9C9B24
D2D25F
565797

Deuteranopia

393F1E
6C782F
A4AE28
D3D367
4F4598

Tritanopia

531A18
9F2826
CF3032
D57B81
25999A

Achromatopsia

232323
3F3F3F
727272
C0C0C0
787878

Shades & Tints Shades & Tints

#570827

Dark
Light

#A70A3F

Dark
Light

#D65116

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #570827;
  --color-2: #a70a3f;
  --color-3: #d65116;
  --color-4: #d5cf3b;
  --color-5: #1ea094;
}

SCSS

$color-1: #570827;
$color-2: #a70a3f;
$color-3: #d65116;
$color-4: #d5cf3b;
$color-5: #1ea094;

TAILWIND

colors: {
  'brand-1': '#570827',
  'brand-2': '#a70a3f',
  'brand-3': '#d65116',
  'brand-4': '#d5cf3b',
  'brand-5': '#1ea094',
}

RGB Array

[87, 8, 39], [167, 10, 63], [214, 81, 22], [213, 207, 59], [30, 160, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #570827, #A70A3F, #D65116, #D5CF3B, #1EA094 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #570827; --color-2: #a70a3f; --color-3: #d65116; --color-4: #d5cf3b; --color-5: #1ea094. 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 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