← Back to Editor

#A27929 · #F778E7 · #E351CA · #B93997 · #63214E

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

#A27929

Ochre · Sienna · Honey Gold

HEX
#A27929
RGB
rgb(162, 121, 41)
HSL
hsl(40, 60%, 40%)
HSB
hsb(40, 75%, 64%)
CMYK
cmyk(0%, 25%, 75%, 36%)
Oklch
oklch(60.2% 0.107 80.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F778E7

Mauve · Violet · Lilac Purple

HEX
#F778E7
RGB
rgb(247, 120, 231)
HSL
hsl(308, 89%, 72%)
HSB
hsb(308, 51%, 97%)
CMYK
cmyk(0%, 51%, 6%, 3%)
Oklch
oklch(75.6% 0.202 332.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#E351CA

Rose Purple · Orchid · Violet

HEX
#E351CA
RGB
rgb(227, 81, 202)
HSL
hsl(310, 72%, 60%)
HSB
hsb(310, 64%, 89%)
CMYK
cmyk(0%, 64%, 11%, 11%)
Oklch
oklch(67.1% 0.223 335.2)

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

#B93997

Rose Purple · MediumVioletRed · Violet

HEX
#B93997
RGB
rgb(185, 57, 151)
HSL
hsl(316, 53%, 47%)
HSB
hsb(316, 69%, 73%)
CMYK
cmyk(0%, 69%, 18%, 27%)
Oklch
oklch(56.2% 0.191 340.3)

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

#63214E

Rose Purple · Purple · Eggplant

HEX
#63214E
RGB
rgb(99, 33, 78)
HSL
hsl(319, 50%, 26%)
HSB
hsb(319, 67%, 39%)
CMYK
cmyk(0%, 67%, 21%, 61%)
Oklch
oklch(36.5% 0.110 342.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A27929
2952A3

Analogous

A33D29
A27929
8FA329

Triadic

A27929
29A37A
7A29A3

Split-Comp.

A27929
298FA3
3D29A3

Tetradic

A27929
29A33D
2952A3
A3298F

Contrast Matrix WCAG 2.1 Contrast

A27929
F778E7
E351CA
B93997
63214E
—
1.7
Fail
1.2
Fail
1.3
Fail
2.9
Fail
1.7
Fail
—
1.4
Fail
2.1
Fail
4.7
AA
1.2
Fail
1.4
Fail
—
1.5
Fail
3.4
AA Large
1.3
Fail
2.1
Fail
1.5
Fail
—
2.2
Fail
2.9
Fail
4.7
AA
3.4
AA Large
2.2
Fail
—
White BG
4.0AA Large
2.4Fail
3.3AA Large
5.1AA
11.3AAA
Black BG
5.3AA
8.8AAA
6.3AA
4.1AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

90903C
C0BFCC
A4A2AD
828080
464643

Deuteranopia

939641
C7D1C6
ACB7A6
89937B
4A4F41

Tritanopia

A04C4F
F1B7B2
DC9691
B36E6A
603B39

Achromatopsia

7C7C7C
ABABAB
8A8A8A
6A6A6A
3A3A3A

Shades & Tints Shades & Tints

#A27929

Dark
Light

#F778E7

Dark
Light

#E351CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a27929;
  --color-2: #f778e7;
  --color-3: #e351ca;
  --color-4: #b93997;
  --color-5: #63214e;
}

SCSS

$color-1: #a27929;
$color-2: #f778e7;
$color-3: #e351ca;
$color-4: #b93997;
$color-5: #63214e;

TAILWIND

colors: {
  'brand-1': '#a27929',
  'brand-2': '#f778e7',
  'brand-3': '#e351ca',
  'brand-4': '#b93997',
  'brand-5': '#63214e',
}

RGB Array

[162, 121, 41], [247, 120, 231], [227, 81, 202], [185, 57, 151], [99, 33, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #A27929, #F778E7, #E351CA, #B93997, #63214E 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: #a27929; --color-2: #f778e7; --color-3: #e351ca; --color-4: #b93997; --color-5: #63214e. 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