← Back to Editor

#871D54 · #05827A · #B77C6C · #0FE89C

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#871D54

Rose Purple · Purple · Camellia

HEX
#871D54
RGB
rgb(135, 29, 84)
HSL
hsl(329, 65%, 32%)
HSB
hsb(329, 79%, 53%)
CMYK
cmyk(0%, 79%, 38%, 47%)
Oklch
oklch(42.5% 0.149 354.0)

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

#05827A

Mineral Blue · Teal · Mint Ice

HEX
#05827A
RGB
rgb(5, 130, 122)
HSL
hsl(176, 93%, 26%)
HSB
hsb(176, 96%, 51%)
CMYK
cmyk(96%, 0%, 6%, 49%)
Oklch
oklch(54.7% 0.094 187.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#B77C6C

Crimson · DarkSalmon · Passion Red

HEX
#B77C6C
RGB
rgb(183, 124, 108)
HSL
hsl(13, 34%, 57%)
HSB
hsb(13, 41%, 72%)
CMYK
cmyk(0%, 32%, 41%, 28%)
Oklch
oklch(64.3% 0.078 35.8)

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

#0FE89C

Mineral Blue · MediumSpringGreen · Olive Green

HEX
#0FE89C
RGB
rgb(15, 232, 156)
HSL
hsl(159, 88%, 48%)
HSB
hsb(159, 94%, 91%)
CMYK
cmyk(94%, 0%, 33%, 9%)
Oklch
oklch(82.3% 0.183 160.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

871D54
1D8750

Analogous

851D87
871D54
871D1E

Triadic

871D54
53871D
1D5387

Split-Comp.

871D54
1E871D
1D8785

Tetradic

871D54
87851D
1D8750
1D1E87

Contrast Matrix WCAG 2.1 Contrast

871D54
05827A
B77C6C
0FE89C
—
1.9
Fail
2.6
Fail
5.6
AA
1.9
Fail
—
1.4
Fail
2.9
Fail
2.6
Fail
1.4
Fail
—
2.1
Fail
5.6
AA
2.9
Fail
2.1
Fail
—
White BG
9.0AAA
4.7AA
3.4AA Large
1.6Fail
Black BG
2.3Fail
4.5AA Large
6.1AA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

595847
3B3C7C
9D9D70
6D6FAE

Deuteranopia

5F6744
342B7C
A1A571
6050B3

Tritanopia

823C3A
0B7D7E
B47374
1ABDC0

Achromatopsia

434343
5C5C5C
8C8C8C
9E9E9E

Shades & Tints Shades & Tints

#871D54

Dark
Light

#05827A

Dark
Light

#B77C6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #871d54;
  --color-2: #05827a;
  --color-3: #b77c6c;
  --color-4: #0fe89c;
}

SCSS

$color-1: #871d54;
$color-2: #05827a;
$color-3: #b77c6c;
$color-4: #0fe89c;

TAILWIND

colors: {
  'brand-1': '#871d54',
  'brand-2': '#05827a',
  'brand-3': '#b77c6c',
  'brand-4': '#0fe89c',
}

RGB Array

[135, 29, 84], [5, 130, 122], [183, 124, 108], [15, 232, 156]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This warm-style palette of #871D54, #05827A, #B77C6C, #0FE89C is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #871d54; --color-2: #05827a; --color-3: #b77c6c; --color-4: #0fe89c. 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 warm-style 4-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