← Back to Editor

#501F3C · #78CAC1 · #ACD3BB · #DCE8D0 · #FBF0E0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#501F3C

Rose Purple · DarkSlateGray · Raspberry

HEX
#501F3C
RGB
rgb(80, 31, 60)
HSL
hsl(324, 44%, 22%)
HSB
hsb(324, 61%, 31%)
CMYK
cmyk(0%, 61%, 25%, 69%)
Oklch
oklch(32.2% 0.083 346.2)

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

#78CAC1

Jade · MediumAquaMarine · Lake Green

HEX
#78CAC1
RGB
rgb(120, 202, 193)
HSL
hsl(173, 44%, 63%)
HSB
hsb(173, 41%, 79%)
CMYK
cmyk(41%, 0%, 4%, 21%)
Oklch
oklch(78.4% 0.082 186.7)

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

#ACD3BB

Celadon · Silver · Apple Green

HEX
#ACD3BB
RGB
rgb(172, 211, 187)
HSL
hsl(143, 31%, 75%)
HSB
hsb(143, 18%, 83%)
CMYK
cmyk(18%, 0%, 11%, 17%)
Oklch
oklch(83.2% 0.053 158.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#DCE8D0

Celadon · LightGray · Mint Green

HEX
#DCE8D0
RGB
rgb(220, 232, 208)
HSL
hsl(90, 34%, 86%)
HSB
hsb(90, 10%, 91%)
CMYK
cmyk(5%, 0%, 10%, 9%)
Oklch
oklch(91.5% 0.034 128.9)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#FBF0E0

Goose Yellow · Linen · Peach Orange

HEX
#FBF0E0
RGB
rgb(251, 240, 224)
HSL
hsl(36, 77%, 93%)
HSB
hsb(36, 11%, 98%)
CMYK
cmyk(0%, 4%, 11%, 2%)
Oklch
oklch(95.9% 0.024 77.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

501F3C
1F5133

Analogous

4C1F51
501F3C
511F24

Triadic

501F3C
3D511F
1F3D51

Split-Comp.

501F3C
24511F
1F514C

Tetradic

501F3C
514C1F
1F5133
1F2451

Contrast Matrix WCAG 2.1 Contrast

501F3C
78CAC1
ACD3BB
DCE8D0
FBF0E0
—
6.9
AA
8.0
AAA
10.3
AAA
11.6
AAA
6.9
AA
—
1.2
Fail
1.5
Fail
1.7
Fail
8.0
AAA
1.2
Fail
—
1.3
Fail
1.5
Fail
10.3
AAA
1.5
Fail
1.3
Fail
—
1.1
Fail
11.6
AAA
1.7
Fail
1.5
Fail
1.1
Fail
—
White BG
13.1AAA
1.9Fail
1.6Fail
1.3Fail
1.1Fail
Black BG
1.6Fail
11.0AAA
12.8AAA
16.5AAA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3A35
9C9CC3
BDBDC1
E1E1D6
F6F6E4

Deuteranopia

3E4133
9791C4
BBB8C2
E1E0D7
F7F8E5

Tritanopia

4E2F2E
7CC5C5
AEC5C6
DDDADB
FAE7E8

Achromatopsia

313131
B0B0B0
C5C5C5
E2E2E2
F1F1F1

Shades & Tints Shades & Tints

#501F3C

Dark
Light

#78CAC1

Dark
Light

#ACD3BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #501f3c;
  --color-2: #78cac1;
  --color-3: #acd3bb;
  --color-4: #dce8d0;
  --color-5: #fbf0e0;
}

SCSS

$color-1: #501f3c;
$color-2: #78cac1;
$color-3: #acd3bb;
$color-4: #dce8d0;
$color-5: #fbf0e0;

TAILWIND

colors: {
  'brand-1': '#501f3c',
  'brand-2': '#78cac1',
  'brand-3': '#acd3bb',
  'brand-4': '#dce8d0',
  'brand-5': '#fbf0e0',
}

RGB Array

[80, 31, 60], [120, 202, 193], [172, 211, 187], [220, 232, 208], [251, 240, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #501F3C, #78CAC1, #ACD3BB, #DCE8D0, #FBF0E0 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #501f3c; --color-2: #78cac1; --color-3: #acd3bb; --color-4: #dce8d0; --color-5: #fbf0e0. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 tech, SaaS, healthcare, eco industries. 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