← Back to Editor

#85898D · #EAD3DB · #C8E8CC · #C1E1D0 · #D1D9E1

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

WorkspaceReading

Color Details Color Details

#85898D

Ash · Gray · Warm Gray

HEX
#85898D
RGB
rgb(133, 137, 141)
HSL
hsl(210, 3%, 54%)
HSB
hsb(210, 6%, 55%)
CMYK
cmyk(6%, 3%, 0%, 45%)
Oklch
oklch(62.8% 0.008 247.9)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#EAD3DB

Rouge · LightGray · Cherry Blossom

HEX
#EAD3DB
RGB
rgb(234, 211, 219)
HSL
hsl(339, 35%, 87%)
HSB
hsb(339, 10%, 92%)
CMYK
cmyk(0%, 10%, 6%, 8%)
Oklch
oklch(88.8% 0.028 354.6)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#C8E8CC

Celadon · LightGray · Mint Green

HEX
#C8E8CC
RGB
rgb(200, 232, 204)
HSL
hsl(128, 41%, 85%)
HSB
hsb(128, 14%, 91%)
CMYK
cmyk(14%, 0%, 12%, 9%)
Oklch
oklch(90.0% 0.051 148.7)

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

#C1E1D0

Celadon · LightGray · Mint Green

HEX
#C1E1D0
RGB
rgb(193, 225, 208)
HSL
hsl(148, 35%, 82%)
HSB
hsb(148, 14%, 88%)
CMYK
cmyk(14%, 0%, 8%, 12%)
Oklch
oklch(88.2% 0.041 162.3)

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

#D1D9E1

Azure · LightGray · Sky Blue

HEX
#D1D9E1
RGB
rgb(209, 217, 225)
HSL
hsl(210, 21%, 85%)
HSB
hsb(210, 7%, 88%)
CMYK
cmyk(7%, 4%, 0%, 12%)
Oklch
oklch(88.2% 0.014 248.0)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85898D
8D8A86

Analogous

868D8D
85898D
86868D

Triadic

85898D
8D868A
8A8D86

Split-Comp.

85898D
8D8686
8D8D86

Tetradic

85898D
8D868D
8D8A86
868D86

Contrast Matrix WCAG 2.1 Contrast

85898D
EAD3DB
C8E8CC
C1E1D0
D1D9E1
—
2.5
Fail
2.7
Fail
2.5
Fail
2.5
Fail
2.5
Fail
—
1.1
Fail
1.0
Fail
1.0
Fail
2.7
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
2.5
Fail
1.0
Fail
1.1
Fail
—
1.0
Fail
2.5
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
White BG
3.5AA Large
1.4Fail
1.3Fail
1.4Fail
1.4Fail
Black BG
6.0AA
14.8AAA
15.9AAA
14.9AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

87878C
E0E0D9
D6D6D3
CFCFD4
D4D5DF

Deuteranopia

87868C
E1E3D9
D4D2D4
CDCBD5
D4D3DF

Tritanopia

858B8B
E9D8D7
CAD8D9
C3D7D8
D1DEDD

Achromatopsia

888888
DBDBDB
DBDBDB
D5D5D5
D8D8D8

Shades & Tints Shades & Tints

#85898D

Dark
Light

#EAD3DB

Dark
Light

#C8E8CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85898d;
  --color-2: #ead3db;
  --color-3: #c8e8cc;
  --color-4: #c1e1d0;
  --color-5: #d1d9e1;
}

SCSS

$color-1: #85898d;
$color-2: #ead3db;
$color-3: #c8e8cc;
$color-4: #c1e1d0;
$color-5: #d1d9e1;

TAILWIND

colors: {
  'brand-1': '#85898d',
  'brand-2': '#ead3db',
  'brand-3': '#c8e8cc',
  'brand-4': '#c1e1d0',
  'brand-5': '#d1d9e1',
}

RGB Array

[133, 137, 141], [234, 211, 219], [200, 232, 204], [193, 225, 208], [209, 217, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85898D, #EAD3DB, #C8E8CC, #C1E1D0, #D1D9E1 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #85898d; --color-2: #ead3db; --color-3: #c8e8cc; --color-4: #c1e1d0; --color-5: #d1d9e1. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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