← Back to Editor

#772F61 · #A33C57 · #E25D60 · #FF8D5D · #FDCE96

A 5-color palette 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

#772F61

Rose Purple · Purple · Eggplant

HEX
#772F61
RGB
rgb(119, 47, 97)
HSL
hsl(318, 43%, 33%)
HSB
hsb(318, 61%, 47%)
CMYK
cmyk(0%, 61%, 18%, 53%)
Oklch
oklch(42.4% 0.119 341.1)

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

#A33C57

Dark Violet · Sienna · Camellia

HEX
#A33C57
RGB
rgb(163, 60, 87)
HSL
hsl(344, 46%, 44%)
HSB
hsb(344, 63%, 64%)
CMYK
cmyk(0%, 63%, 47%, 36%)
Oklch
oklch(50.7% 0.138 7.3)

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

#E25D60

Peach Pink · Tomato · Coral Red

HEX
#E25D60
RGB
rgb(226, 93, 96)
HSL
hsl(359, 70%, 63%)
HSB
hsb(359, 59%, 89%)
CMYK
cmyk(0%, 59%, 58%, 11%)
Oklch
oklch(64.9% 0.166 21.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FF8D5D

Apricot · Coral · Warm Sun

HEX
#FF8D5D
RGB
rgb(255, 141, 93)
HSL
hsl(18, 100%, 68%)
HSB
hsb(18, 64%, 100%)
CMYK
cmyk(0%, 45%, 64%, 0%)
Oklch
oklch(75.8% 0.152 42.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FDCE96

Goose Yellow · Khaki · Peach Orange

HEX
#FDCE96
RGB
rgb(253, 206, 150)
HSL
hsl(33, 96%, 79%)
HSB
hsb(33, 41%, 99%)
CMYK
cmyk(0%, 19%, 41%, 1%)
Oklch
oklch(88.0% 0.089 71.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

772F61
307846

Analogous

6A3078
772F61
78303E

Triadic

772F61
637830
306378

Split-Comp.

772F61
3E7830
30786A

Tetradic

772F61
786A30
307846
303E78

Contrast Matrix WCAG 2.1 Contrast

772F61
A33C57
E25D60
FF8D5D
FDCE96
—
1.4
Fail
2.5
Fail
3.9
AA Large
6.1
AA
1.4
Fail
—
1.8
Fail
2.8
Fail
4.3
AA Large
2.5
Fail
1.8
Fail
—
1.5
Fail
2.4
Fail
3.9
AA Large
2.8
Fail
1.5
Fail
—
1.6
Fail
6.1
AA
4.3
AA Large
2.4
Fail
1.6
Fail
—
White BG
8.9AAA
6.3AA
3.5AA Large
2.3Fail
1.5Fail
Black BG
2.4Fail
3.3AA Large
6.0AA
9.2AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

585755
767550
A8A75F
CECD69
E9E8A4

Deuteranopia

5C6152
7C844F
B0BA5F
D4DD6B
EBEFA7

Tritanopia

734B49
9E4B4A
DB5F5F
F97274
FBAEB1

Achromatopsia

4A4A4A
5E5E5E
858585
AAAAAA
D6D6D6

Shades & Tints Shades & Tints

#772F61

Dark
Light

#A33C57

Dark
Light

#E25D60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #772f61;
  --color-2: #a33c57;
  --color-3: #e25d60;
  --color-4: #ff8d5d;
  --color-5: #fdce96;
}

SCSS

$color-1: #772f61;
$color-2: #a33c57;
$color-3: #e25d60;
$color-4: #ff8d5d;
$color-5: #fdce96;

TAILWIND

colors: {
  'brand-1': '#772f61',
  'brand-2': '#a33c57',
  'brand-3': '#e25d60',
  'brand-4': '#ff8d5d',
  'brand-5': '#fdce96',
}

RGB Array

[119, 47, 97], [163, 60, 87], [226, 93, 96], [255, 141, 93], [253, 206, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #772F61, #A33C57, #E25D60, #FF8D5D, #FDCE96 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: #772f61; --color-2: #a33c57; --color-3: #e25d60; --color-4: #ff8d5d; --color-5: #fdce96. 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 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