#28205C + #5D285C + #854158 + #A25646 + #EA8E0F · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#28205C

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#28205C

RGB

rgb(40, 32, 92)

HSL

hsl(248, 48%, 24%)

HSB

hsb(248, 65%, 36%)

CMYK

cmyk(57%, 65%, 0%, 64%)

Oklch

oklch(29.2% 0.103 284.1)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#5D285C

Rose Purple · DarkSlateBlue · Eggplant

HEX

#5D285C

RGB

rgb(93, 40, 92)

HSL

hsl(301, 40%, 26%)

HSB

hsb(301, 57%, 36%)

CMYK

cmyk(0%, 57%, 1%, 64%)

Oklch

oklch(37.2% 0.106 328.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#854158

Dark Violet · DimGray · Camellia

HEX

#854158

RGB

rgb(133, 65, 88)

HSL

hsl(340, 34%, 39%)

HSB

hsb(340, 51%, 52%)

CMYK

cmyk(0%, 51%, 34%, 48%)

Oklch

oklch(46.8% 0.097 0.0)

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

#A25646

Crimson · Sienna · Passion Red

HEX

#A25646

RGB

rgb(162, 86, 70)

HSL

hsl(10, 40%, 45%)

HSB

hsb(10, 57%, 64%)

CMYK

cmyk(0%, 47%, 57%, 36%)

Oklch

oklch(54.0% 0.104 33.0)

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

#EA8E0F

Ochre · GoldenRod · Amber Brown

HEX

#EA8E0F

RGB

rgb(234, 142, 15)

HSL

hsl(35, 88%, 49%)

HSB

hsb(35, 94%, 92%)

CMYK

cmyk(0%, 39%, 94%, 8%)

Oklch

oklch(72.7% 0.160 64.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

28205C

535B20

Analogous

20355B

28205C

45205B

Triadic

28205C

5B2820

205B28

Split-Comp.

28205C

5B4520

355B20

Tetradic

28205C

5B2035

535B20

205B45

Contrast Matrix WCAG 2.1 Contrast

28205C	5D285C	854158	A25646	EA8E0F
—	1.3 Fail	2.0 Fail	2.7 Fail	5.8 AA
1.3 Fail	—	1.5 Fail	2.1 Fail	4.4 AA Large
2.0 Fail	1.5 Fail	—	1.4 Fail	2.9 Fail
2.7 Fail	2.1 Fail	1.4 Fail	—	2.1 Fail
5.8 AA	4.4 AA Large	2.9 Fail	2.1 Fail	—

White BG

14.5AAA

10.9AAA

7.3AAA

5.3AA

2.5Fail

Black BG

1.5Fail

1.9Fail

2.9Fail

4.0AA Large

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

25244D

46464F

686752

81804A

C2C12E

Deuteranopia

25264A

494D4C

6C7151

868B4B

C8CE35

Tritanopia

284240

5A4543

824E4D

9E4D4E

E5464B

Achromatopsia

292929

3E3E3E

585858

6B6B6B

9B9B9B

Shades & Tints Shades & Tints

#28205C

Dark

Light

#5D285C

Dark

Light

#854158

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #28205c;
  --color-2: #5d285c;
  --color-3: #854158;
  --color-4: #a25646;
  --color-5: #ea8e0f;
}

SCSS

$color-1: #28205c;
$color-2: #5d285c;
$color-3: #854158;
$color-4: #a25646;
$color-5: #ea8e0f;

TAILWIND

colors: {
  'brand-1': '#28205c',
  'brand-2': '#5d285c',
  'brand-3': '#854158',
  'brand-4': '#a25646',
  'brand-5': '#ea8e0f',
}

RGB Array

[40, 32, 92], [93, 40, 92], [133, 65, 88], [162, 86, 70], [234, 142, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #28205C, #5D285C, #854158, #A25646, #EA8E0F is ideal for: tech websites, dark mode UIs, game UIs. 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: #28205c; --color-2: #5d285c; --color-3: #854158; --color-4: #a25646; --color-5: #ea8e0f. 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 sunset-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