← Back to Editor

#32021C · #73D3A8 · #F2F5CA · #887D0B · #D0C6CF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#32021C

Rose Purple · Black · Raspberry

HEX
#32021C
RGB
rgb(50, 2, 28)
HSL
hsl(328, 92%, 10%)
HSB
hsb(328, 96%, 20%)
CMYK
cmyk(0%, 96%, 44%, 80%)
Oklch
oklch(21.1% 0.082 352.7)

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

#73D3A8

Jade · MediumAquaMarine · Apple Green

HEX
#73D3A8
RGB
rgb(115, 211, 168)
HSL
hsl(153, 52%, 64%)
HSB
hsb(153, 45%, 83%)
CMYK
cmyk(45%, 0%, 20%, 17%)
Oklch
oklch(79.6% 0.111 163.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#F2F5CA

Fresh Green · Beige · Lemon Cream

HEX
#F2F5CA
RGB
rgb(242, 245, 202)
HSL
hsl(64, 68%, 88%)
HSB
hsb(64, 18%, 96%)
CMYK
cmyk(1%, 0%, 18%, 4%)
Oklch
oklch(95.7% 0.056 110.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#887D0B

Autumn Sage · Olive · Honey Gold

HEX
#887D0B
RGB
rgb(136, 125, 11)
HSL
hsl(55, 85%, 29%)
HSB
hsb(55, 92%, 53%)
CMYK
cmyk(0%, 8%, 92%, 47%)
Oklch
oklch(58.2% 0.119 103.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D0C6CF

Mauve · LightGray · Lilac Purple

HEX
#D0C6CF
RGB
rgb(208, 198, 207)
HSL
hsl(306, 10%, 80%)
HSB
hsb(306, 5%, 82%)
CMYK
cmyk(0%, 5%, 0%, 18%)
Oklch
oklch(83.7% 0.017 328.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32021C
023118

Analogous

2F0231
32021C
310204

Triadic

32021C
1B3102
021B31

Split-Comp.

32021C
043102
02312F

Tetradic

32021C
312F02
023118
020431

Contrast Matrix WCAG 2.1 Contrast

32021C
73D3A8
F2F5CA
887D0B
D0C6CF
—
10.0
AAA
16.1
AAA
4.3
AA Large
10.9
AAA
10.0
AAA
—
1.6
Fail
2.3
Fail
1.1
Fail
16.1
AAA
1.6
Fail
—
3.7
AA Large
1.5
Fail
4.3
AA Large
2.3
Fail
3.7
AA Large
—
2.5
Fail
10.9
AAA
1.1
Fail
1.5
Fail
2.5
Fail
—
White BG
18.1AAA
1.8Fail
1.1Fail
4.2AA Large
1.7Fail
Black BG
1.2Fail
11.6AAA
18.7AAA
5.0AA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D16
9D9DB2
F3F3D4
838327
CCCCCD

Deuteranopia

202414
9790B5
F3F3D7
84852D
CCCDCC

Tritanopia

301110
78BBBC
F2DDDE
873C41
D0CBCB

Achromatopsia

131313
B1B1B1
EFEFEF
737373
CACACA

Shades & Tints Shades & Tints

#32021C

Dark
Light

#73D3A8

Dark
Light

#F2F5CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32021c;
  --color-2: #73d3a8;
  --color-3: #f2f5ca;
  --color-4: #887d0b;
  --color-5: #d0c6cf;
}

SCSS

$color-1: #32021c;
$color-2: #73d3a8;
$color-3: #f2f5ca;
$color-4: #887d0b;
$color-5: #d0c6cf;

TAILWIND

colors: {
  'brand-1': '#32021c',
  'brand-2': '#73d3a8',
  'brand-3': '#f2f5ca',
  'brand-4': '#887d0b',
  'brand-5': '#d0c6cf',
}

RGB Array

[50, 2, 28], [115, 211, 168], [242, 245, 202], [136, 125, 11], [208, 198, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #32021C, #73D3A8, #F2F5CA, #887D0B, #D0C6CF 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: #32021c; --color-2: #73d3a8; --color-3: #f2f5ca; --color-4: #887d0b; --color-5: #d0c6cf. 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