#754369 + #542437 + #C72959 + #DB6044 + #D4B656 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#754369

Rose Purple · DimGray · Eggplant

HEX

#754369

RGB

rgb(117, 67, 105)

HSL

hsl(314, 27%, 36%)

HSB

hsb(314, 43%, 46%)

CMYK

cmyk(0%, 43%, 10%, 54%)

Oklch

oklch(45.6% 0.087 336.4)

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

#542437

Dark Violet · DarkSlateGray · Raspberry

HEX

#542437

RGB

rgb(84, 36, 55)

HSL

hsl(336, 40%, 24%)

HSB

hsb(336, 57%, 33%)

CMYK

cmyk(0%, 57%, 35%, 67%)

Oklch

oklch(33.4% 0.075 357.0)

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

#C72959

Dark Violet · Crimson · Camellia

HEX

#C72959

RGB

rgb(199, 41, 89)

HSL

hsl(342, 66%, 47%)

HSB

hsb(342, 79%, 78%)

CMYK

cmyk(0%, 79%, 55%, 22%)

Oklch

oklch(55.0% 0.193 9.2)

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

#DB6044

Vermilion · Tomato · Passion Red

HEX

#DB6044

RGB

rgb(219, 96, 68)

HSL

hsl(11, 68%, 56%)

HSB

hsb(11, 69%, 86%)

CMYK

cmyk(0%, 56%, 69%, 14%)

Oklch

oklch(63.8% 0.161 34.2)

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

#D4B656

Ginger · SandyBrown · Sunflower

HEX

#D4B656

RGB

rgb(212, 182, 86)

HSL

hsl(46, 59%, 58%)

HSB

hsb(46, 59%, 83%)

CMYK

cmyk(0%, 14%, 59%, 17%)

Oklch

oklch(78.4% 0.120 92.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

754369

43754F

Analogous

674375

754369

754350

Triadic

754369

697543

436975

Split-Comp.

754369

507543

437567

Tetradic

754369

756743

43754F

435075

Contrast Matrix WCAG 2.1 Contrast

754369	542437	C72959	DB6044	D4B656
—	1.6 Fail	1.4 Fail	2.1 Fail	3.8 AA Large
1.6 Fail	—	2.3 Fail	3.4 AA Large	6.3 AA
1.4 Fail	2.3 Fail	—	1.5 Fail	2.7 Fail
2.1 Fail	3.4 AA Large	1.5 Fail	—	1.8 Fail
3.8 AA Large	6.3 AA	2.7 Fail	1.8 Fail	—

White BG

7.6AAA

12.5AAA

5.4AA

3.6AA Large

2.0Fail

Black BG

2.8Fail

1.7Fail

3.9AA Large

5.8AA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5F60

3F3F32

83814D

A6A54B

C7C76D

Deuteranopia

62665E

424631

8C984B

ADB64C

C9CB73

Tritanopia

725957

522F2E

BF4442

D55051

D28084

Achromatopsia

565656

353535

5E5E5E

828282

B4B4B4

Shades & Tints Shades & Tints

#754369

Dark

Light

#542437

Dark

Light

#C72959

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #754369;
  --color-2: #542437;
  --color-3: #c72959;
  --color-4: #db6044;
  --color-5: #d4b656;
}

SCSS

$color-1: #754369;
$color-2: #542437;
$color-3: #c72959;
$color-4: #db6044;
$color-5: #d4b656;

TAILWIND

colors: {
  'brand-1': '#754369',
  'brand-2': '#542437',
  'brand-3': '#c72959',
  'brand-4': '#db6044',
  'brand-5': '#d4b656',
}

RGB Array

[117, 67, 105], [84, 36, 55], [199, 41, 89], [219, 96, 68], [212, 182, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #754369, #542437, #C72959, #DB6044, #D4B656 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: #754369; --color-2: #542437; --color-3: #c72959; --color-4: #db6044; --color-5: #d4b656. 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 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