← Back to Editor

#8A5D71 · #BE7D85 · #B5D4B2 · #D1F0C6 · #FCF3D4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#8A5D71

Dark Violet · DimGray · Camellia

HEX
#8A5D71
RGB
rgb(138, 93, 113)
HSL
hsl(333, 19%, 45%)
HSB
hsb(333, 33%, 54%)
CMYK
cmyk(0%, 33%, 18%, 46%)
Oklch
oklch(53.3% 0.065 351.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#BE7D85

Peach Pink · LightCoral · Coral Red

HEX
#BE7D85
RGB
rgb(190, 125, 133)
HSL
hsl(353, 33%, 62%)
HSB
hsb(353, 34%, 75%)
CMYK
cmyk(0%, 34%, 30%, 25%)
Oklch
oklch(65.9% 0.081 11.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B5D4B2

Celadon · Silver · Apple Green

HEX
#B5D4B2
RGB
rgb(181, 212, 178)
HSL
hsl(115, 28%, 76%)
HSB
hsb(115, 16%, 83%)
CMYK
cmyk(15%, 0%, 16%, 17%)
Oklch
oklch(83.8% 0.057 142.7)

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

#D1F0C6

Emerald · LightGray · Mint Green

HEX
#D1F0C6
RGB
rgb(209, 240, 198)
HSL
hsl(104, 58%, 86%)
HSB
hsb(104, 17%, 94%)
CMYK
cmyk(13%, 0%, 17%, 6%)
Oklch
oklch(92.2% 0.065 137.5)

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

#FCF3D4

Goose Yellow · Beige · Lemon Cream

HEX
#FCF3D4
RGB
rgb(252, 243, 212)
HSL
hsl(46, 87%, 91%)
HSB
hsb(46, 16%, 99%)
CMYK
cmyk(0%, 4%, 16%, 1%)
Oklch
oklch(96.3% 0.042 93.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A5D71
5D8975

Analogous

895D86
8A5D71
895F5D

Triadic

8A5D71
71895D
5D7189

Split-Comp.

8A5D71
5D895F
5D8689

Tetradic

8A5D71
86895D
5D8975
5F5D89

Contrast Matrix WCAG 2.1 Contrast

8A5D71
BE7D85
B5D4B2
D1F0C6
FCF3D4
—
1.7
Fail
3.4
AA Large
4.4
AA Large
4.9
AA
1.7
Fail
—
2.0
Fail
2.6
Fail
2.9
Fail
3.4
AA Large
2.0
Fail
—
1.3
Fail
1.5
Fail
4.4
AA Large
2.6
Fail
1.3
Fail
—
1.1
Fail
4.9
AA
2.9
Fail
1.5
Fail
1.1
Fail
—
White BG
5.4AA
3.2AA Large
1.6Fail
1.2Fail
1.1Fail
Black BG
3.9AA Large
6.5AA
13.0AAA
17.0AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

77766C
A2A183
C2C3BA
DEDFD0
F8F8DC

Deuteranopia

797D6B
A6AB83
C1BEBC
DDDAD3
F9F9DD

Tritanopia

886868
BB8281
B7C1C2
D3D8DA
FCE1E3

Achromatopsia

6D6D6D
919191
C7C7C7
E2E2E2
F2F2F2

Shades & Tints Shades & Tints

#8A5D71

Dark
Light

#BE7D85

Dark
Light

#B5D4B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a5d71;
  --color-2: #be7d85;
  --color-3: #b5d4b2;
  --color-4: #d1f0c6;
  --color-5: #fcf3d4;
}

SCSS

$color-1: #8a5d71;
$color-2: #be7d85;
$color-3: #b5d4b2;
$color-4: #d1f0c6;
$color-5: #fcf3d4;

TAILWIND

colors: {
  'brand-1': '#8a5d71',
  'brand-2': '#be7d85',
  'brand-3': '#b5d4b2',
  'brand-4': '#d1f0c6',
  'brand-5': '#fcf3d4',
}

RGB Array

[138, 93, 113], [190, 125, 133], [181, 212, 178], [209, 240, 198], [252, 243, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A5D71, #BE7D85, #B5D4B2, #D1F0C6, #FCF3D4 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: #8a5d71; --color-2: #be7d85; --color-3: #b5d4b2; --color-4: #d1f0c6; --color-5: #fcf3d4. 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