← Back to Editor

#85707F · #E996A7 · #FBB4C2 · #D6F1CD · #B6F8D8

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 App

Color Details Color Details

#85707F

Rose Purple · Gray · Warm Gray

HEX
#85707F
RGB
rgb(133, 112, 127)
HSL
hsl(317, 9%, 48%)
HSB
hsb(317, 16%, 52%)
CMYK
cmyk(0%, 16%, 5%, 48%)
Oklch
oklch(57.0% 0.034 336.3)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#E996A7

Peach Pink · DarkSalmon · Coral Red

HEX
#E996A7
RGB
rgb(233, 150, 167)
HSL
hsl(348, 65%, 75%)
HSB
hsb(348, 36%, 91%)
CMYK
cmyk(0%, 36%, 28%, 9%)
Oklch
oklch(76.1% 0.102 6.4)

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

#FBB4C2

Peach Pink · LightPink · Cherry Blossom

HEX
#FBB4C2
RGB
rgb(251, 180, 194)
HSL
hsl(348, 90%, 85%)
HSB
hsb(348, 28%, 98%)
CMYK
cmyk(0%, 28%, 23%, 2%)
Oklch
oklch(84.0% 0.084 6.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D6F1CD

Emerald · LightGray · Mint Green

HEX
#D6F1CD
RGB
rgb(214, 241, 205)
HSL
hsl(105, 56%, 87%)
HSB
hsb(105, 15%, 95%)
CMYK
cmyk(11%, 0%, 15%, 5%)
Oklch
oklch(92.9% 0.056 137.9)

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

#B6F8D8

Jade · LightBlue · Mint Green

HEX
#B6F8D8
RGB
rgb(182, 248, 216)
HSL
hsl(151, 83%, 84%)
HSB
hsb(151, 27%, 97%)
CMYK
cmyk(27%, 0%, 13%, 3%)
Oklch
oklch(92.6% 0.079 163.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85707F
6F8576

Analogous

816F85
85707F
856F74

Triadic

85707F
7F856F
6F7F85

Split-Comp.

85707F
74856F
6F8581

Tetradic

85707F
85816F
6F8576
6F7485

Contrast Matrix WCAG 2.1 Contrast

85707F
E996A7
FBB4C2
D6F1CD
B6F8D8
—
2.0
Fail
2.7
Fail
3.7
AA Large
3.8
AA Large
2.0
Fail
—
1.3
Fail
1.8
Fail
1.9
Fail
2.7
Fail
1.3
Fail
—
1.4
Fail
1.4
Fail
3.7
AA Large
1.8
Fail
1.4
Fail
—
1.0
Fail
3.8
AA Large
1.9
Fail
1.4
Fail
1.0
Fail
—
White BG
4.5AA
2.2Fail
1.7Fail
1.2Fail
1.2Fail
Black BG
4.6AA
9.4AAA
12.4AAA
17.3AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C7B
C5C4A3
DCDCBF
E2E2D6
D3D3E0

Deuteranopia

7D7F7B
CAD0A2
E0E6BE
E0DED8
CFCAE2

Tritanopia

847978
E5A09F
F7BCBB
D7DDDE
B9E6E7

Achromatopsia

787878
B1B1B1
CBCBCB
E5E5E5
E1E1E1

Shades & Tints Shades & Tints

#85707F

Dark
Light

#E996A7

Dark
Light

#FBB4C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85707f;
  --color-2: #e996a7;
  --color-3: #fbb4c2;
  --color-4: #d6f1cd;
  --color-5: #b6f8d8;
}

SCSS

$color-1: #85707f;
$color-2: #e996a7;
$color-3: #fbb4c2;
$color-4: #d6f1cd;
$color-5: #b6f8d8;

TAILWIND

colors: {
  'brand-1': '#85707f',
  'brand-2': '#e996a7',
  'brand-3': '#fbb4c2',
  'brand-4': '#d6f1cd',
  'brand-5': '#b6f8d8',
}

RGB Array

[133, 112, 127], [233, 150, 167], [251, 180, 194], [214, 241, 205], [182, 248, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85707F, #E996A7, #FBB4C2, #D6F1CD, #B6F8D8 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #85707f; --color-2: #e996a7; --color-3: #fbb4c2; --color-4: #d6f1cd; --color-5: #b6f8d8. 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. 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