← Back to Editor

#371B2D · #D24EB0 · #77D5D5 · #81F0DE · #97E8C6

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#371B2D

Rose Purple · DarkSlateGray · Raspberry

HEX
#371B2D
RGB
rgb(55, 27, 45)
HSL
hsl(321, 34%, 16%)
HSB
hsb(321, 51%, 22%)
CMYK
cmyk(0%, 51%, 18%, 78%)
Oklch
oklch(26.8% 0.052 342.1)

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

#D24EB0

Rose Purple · MediumOrchid · Violet

HEX
#D24EB0
RGB
rgb(210, 78, 176)
HSL
hsl(315, 59%, 56%)
HSB
hsb(315, 63%, 82%)
CMYK
cmyk(0%, 63%, 16%, 18%)
Oklch
oklch(63.2% 0.197 339.2)

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

#77D5D5

Sky Blue · SkyBlue · Lake Green

HEX
#77D5D5
RGB
rgb(119, 213, 213)
HSL
hsl(180, 53%, 65%)
HSB
hsb(180, 44%, 84%)
CMYK
cmyk(44%, 0%, 0%, 16%)
Oklch
oklch(81.5% 0.090 195.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#81F0DE

Jade · SkyBlue · Lake Green

HEX
#81F0DE
RGB
rgb(129, 240, 222)
HSL
hsl(170, 79%, 72%)
HSB
hsb(170, 46%, 94%)
CMYK
cmyk(46%, 0%, 7%, 6%)
Oklch
oklch(88.4% 0.106 182.0)

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

#97E8C6

Jade · LightBlue · Apple Green

HEX
#97E8C6
RGB
rgb(151, 232, 198)
HSL
hsl(155, 64%, 75%)
HSB
hsb(155, 35%, 91%)
CMYK
cmyk(35%, 0%, 15%, 9%)
Oklch
oklch(86.9% 0.093 166.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

371B2D
1B3725

Analogous

331B37
371B2D
371B1F

Triadic

371B2D
2D371B
1B2D37

Split-Comp.

371B2D
1F371B
1B3733

Tetradic

371B2D
37331B
1B3725
1B1F37

Contrast Matrix WCAG 2.1 Contrast

371B2D
D24EB0
77D5D5
81F0DE
97E8C6
—
4.0
AA Large
9.0
AAA
11.4
AAA
10.8
AAA
4.0
AA Large
—
2.2
Fail
2.8
Fail
2.7
Fail
9.0
AAA
2.2
Fail
—
1.3
Fail
1.2
Fail
11.4
AAA
2.8
Fail
1.3
Fail
—
1.1
Fail
10.8
AAA
2.7
Fail
1.2
Fail
1.1
Fail
—
White BG
15.5AAA
3.8AA Large
1.7Fail
1.4Fail
1.4Fail
Black BG
1.4Fail
5.5AA
12.3AAA
15.5AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B29
999898
A0A1D5
B1B2E2
BABBCE

Deuteranopia

2D2F28
A1AA93
9A93D5
ABA2E3
B5AFD0

Tritanopia

362524
CB8681
7CD5D5
87E6E7
9BD5D6

Achromatopsia

252525
818181
B9B9B9
CDCDCD
CCCCCC

Shades & Tints Shades & Tints

#371B2D

Dark
Light

#D24EB0

Dark
Light

#77D5D5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #371b2d;
  --color-2: #d24eb0;
  --color-3: #77d5d5;
  --color-4: #81f0de;
  --color-5: #97e8c6;
}

SCSS

$color-1: #371b2d;
$color-2: #d24eb0;
$color-3: #77d5d5;
$color-4: #81f0de;
$color-5: #97e8c6;

TAILWIND

colors: {
  'brand-1': '#371b2d',
  'brand-2': '#d24eb0',
  'brand-3': '#77d5d5',
  'brand-4': '#81f0de',
  'brand-5': '#97e8c6',
}

RGB Array

[55, 27, 45], [210, 78, 176], [119, 213, 213], [129, 240, 222], [151, 232, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #371B2D, #D24EB0, #77D5D5, #81F0DE, #97E8C6 is ideal for: 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: #371b2d; --color-2: #d24eb0; --color-3: #77d5d5; --color-4: #81f0de; --color-5: #97e8c6. 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 minimal-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