← Back to Editor

#760A7A · #A80A97 · #CE0597 · #ED8608 · #F867BC

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#760A7A

Royal Purple · Purple · Eggplant

HEX
#760A7A
RGB
rgb(118, 10, 122)
HSL
hsl(298, 85%, 26%)
HSB
hsb(298, 92%, 48%)
CMYK
cmyk(3%, 92%, 0%, 52%)
Oklch
oklch(40.4% 0.180 326.5)

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

#A80A97

Rose Purple · DarkMagenta · Eggplant

HEX
#A80A97
RGB
rgb(168, 10, 151)
HSL
hsl(306, 89%, 35%)
HSB
hsb(306, 94%, 66%)
CMYK
cmyk(0%, 94%, 10%, 34%)
Oklch
oklch(50.6% 0.221 334.0)

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

#CE0597

Rose Purple · MediumVioletRed · Violet

HEX
#CE0597
RGB
rgb(206, 5, 151)
HSL
hsl(316, 95%, 41%)
HSB
hsb(316, 98%, 81%)
CMYK
cmyk(0%, 98%, 27%, 19%)
Oklch
oklch(56.9% 0.240 344.8)

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

#ED8608

Ochre · Orange · Amber Brown

HEX
#ED8608
RGB
rgb(237, 134, 8)
HSL
hsl(33, 93%, 48%)
HSB
hsb(33, 97%, 93%)
CMYK
cmyk(0%, 43%, 97%, 7%)
Oklch
oklch(71.7% 0.167 60.1)

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

#F867BC

Mauve · Orchid · Rose Pink

HEX
#F867BC
RGB
rgb(248, 103, 188)
HSL
hsl(325, 91%, 69%)
HSB
hsb(325, 58%, 97%)
CMYK
cmyk(0%, 58%, 24%, 3%)
Oklch
oklch(71.9% 0.198 347.0)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

760A7A
0E7B0A

Analogous

3F0A7B
760A7A
7B0A46

Triadic

760A7A
7B770A
0A7B77

Split-Comp.

760A7A
467B0A
0A7B3F

Tetradic

760A7A
7B3F0A
0E7B0A
0A467B

Contrast Matrix WCAG 2.1 Contrast

760A7A
A80A97
CE0597
ED8608
F867BC
—
1.5
Fail
2.0
Fail
3.8
AA Large
3.7
AA Large
1.5
Fail
—
1.3
Fail
2.5
Fail
2.4
Fail
2.0
Fail
1.3
Fail
—
2.0
Fail
1.9
Fail
3.8
AA Large
2.5
Fail
2.0
Fail
—
1.0
Fail
3.7
AA Large
2.4
Fail
1.9
Fail
1.0
Fail
—
White BG
10.0AAA
6.7AA
5.1AA
2.6Fail
2.7Fail
Black BG
2.1Fail
3.2AA Large
4.1AA Large
8.0AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

47465F
646275
777574
C0BF26
B9B8A7

Deuteranopia

4E5658
6D796D
83926B
C6CE2E
C2CDA3

Tritanopia

714A45
A05A54
C45852
E83F44
F19794

Achromatopsia

373737
494949
525252
969696
9C9C9C

Shades & Tints Shades & Tints

#760A7A

Dark
Light

#A80A97

Dark
Light

#CE0597

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #760a7a;
  --color-2: #a80a97;
  --color-3: #ce0597;
  --color-4: #ed8608;
  --color-5: #f867bc;
}

SCSS

$color-1: #760a7a;
$color-2: #a80a97;
$color-3: #ce0597;
$color-4: #ed8608;
$color-5: #f867bc;

TAILWIND

colors: {
  'brand-1': '#760a7a',
  'brand-2': '#a80a97',
  'brand-3': '#ce0597',
  'brand-4': '#ed8608',
  'brand-5': '#f867bc',
}

RGB Array

[118, 10, 122], [168, 10, 151], [206, 5, 151], [237, 134, 8], [248, 103, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #760A7A, #A80A97, #CE0597, #ED8608, #F867BC is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #760a7a; --color-2: #a80a97; --color-3: #ce0597; --color-4: #ed8608; --color-5: #f867bc. 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 warm-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