#85828D + #EC7E95 + #DFA19D + #C1C1A6 + #BCD0BF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#85828D

Ash · Gray · Warm Gray

HEX

#85828D

RGB

rgb(133, 130, 141)

HSL

hsl(256, 5%, 53%)

HSB

hsb(256, 8%, 55%)

CMYK

cmyk(6%, 8%, 0%, 45%)

Oklch

oklch(61.3% 0.017 298.4)

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

#EC7E95

Peach Pink · LightCoral · Coral Red

HEX

#EC7E95

RGB

rgb(236, 126, 149)

HSL

hsl(347, 74%, 71%)

HSB

hsb(347, 47%, 93%)

CMYK

cmyk(0%, 47%, 37%, 7%)

Oklch

oklch(72.2% 0.137 7.8)

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

#DFA19D

Peach Pink · Tan · Coral Red

HEX

#DFA19D

RGB

rgb(223, 161, 157)

HSL

hsl(4, 51%, 75%)

HSB

hsb(4, 30%, 87%)

CMYK

cmyk(0%, 28%, 30%, 13%)

Oklch

oklch(76.7% 0.074 23.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C1C1A6

Fresh Green · Silver · Sunflower

HEX

#C1C1A6

RGB

rgb(193, 193, 166)

HSL

hsl(60, 18%, 70%)

HSB

hsb(60, 14%, 76%)

CMYK

cmyk(0%, 0%, 14%, 24%)

Oklch

oklch(80.4% 0.037 107.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#BCD0BF

Celadon · Silver · Apple Green

HEX

#BCD0BF

RGB

rgb(188, 208, 191)

HSL

hsl(129, 18%, 78%)

HSB

hsb(129, 10%, 82%)

CMYK

cmyk(10%, 0%, 8%, 18%)

Oklch

oklch(83.8% 0.032 149.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85828D

8A8D81

Analogous

81848D

85828D

8A818D

Triadic

85828D

8D8481

818D84

Split-Comp.

85828D

8D8A81

848D81

Tetradic

85828D

8D8184

8A8D81

818D8A

Contrast Matrix WCAG 2.1 Contrast

85828D	EC7E95	DFA19D	C1C1A6	BCD0BF
—	1.4 Fail	1.7 Fail	2.1 Fail	2.3 Fail
1.4 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.7 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
2.1 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
2.3 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

3.8AA Large

2.6Fail

2.2Fail

1.8Fail

1.6Fail

Black BG

5.6AA

8.0AAA

9.7AAA

11.4AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

84848A

BCBB8F

C4C49E

C1C1AD

C5C5C3

Deuteranopia

84848A

C3CB8E

C8CC9E

C1C1AE

C4C2C4

Tritanopia

858888

E78B8A

DC9F9F

C1B2B3

BDC6C7

Achromatopsia

848484

A2A2A2

B3B3B3

BEBEBE

C8C8C8

Shades & Tints Shades & Tints

#85828D

Dark

Light

#EC7E95

Dark

Light

#DFA19D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85828d;
  --color-2: #ec7e95;
  --color-3: #dfa19d;
  --color-4: #c1c1a6;
  --color-5: #bcd0bf;
}

SCSS

$color-1: #85828d;
$color-2: #ec7e95;
$color-3: #dfa19d;
$color-4: #c1c1a6;
$color-5: #bcd0bf;

TAILWIND

colors: {
  'brand-1': '#85828d',
  'brand-2': '#ec7e95',
  'brand-3': '#dfa19d',
  'brand-4': '#c1c1a6',
  'brand-5': '#bcd0bf',
}

RGB Array

[133, 130, 141], [236, 126, 149], [223, 161, 157], [193, 193, 166], [188, 208, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85828D, #EC7E95, #DFA19D, #C1C1A6, #BCD0BF is ideal for: health products, baby brands, fresh-style blogs. 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: #85828d; --color-2: #ec7e95; --color-3: #dfa19d; --color-4: #c1c1a6; --color-5: #bcd0bf. 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 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