#E6D8D3 + #B6BEBF + #FF5464 + #CC4553 + #78878A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6D8D3

Apricot · LightGray · Peach Orange

HEX

#E6D8D3

RGB

rgb(230, 216, 211)

HSL

hsl(16, 28%, 86%)

HSB

hsb(16, 8%, 90%)

CMYK

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

Oklch

oklch(89.2% 0.017 40.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B6BEBF

Silver Gray · Silver · Pearl Gray

HEX

#B6BEBF

RGB

rgb(182, 190, 191)

HSL

hsl(187, 7%, 73%)

HSB

hsb(187, 5%, 75%)

CMYK

cmyk(5%, 1%, 0%, 25%)

Oklch

oklch(79.6% 0.009 205.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#FF5464

Peach Pink · Tomato · Coral Red

HEX

#FF5464

RGB

rgb(255, 84, 100)

HSL

hsl(354, 100%, 66%)

HSB

hsb(354, 67%, 100%)

CMYK

cmyk(0%, 67%, 61%, 0%)

Oklch

oklch(68.4% 0.206 19.3)

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

#CC4553

Crimson · Crimson · Passion Red

HEX

#CC4553

RGB

rgb(204, 69, 83)

HSL

hsl(354, 57%, 54%)

HSB

hsb(354, 66%, 80%)

CMYK

cmyk(0%, 66%, 59%, 20%)

Oklch

oklch(58.3% 0.170 18.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#78878A

Ash · SlateGray · Warm Gray

HEX

#78878A

RGB

rgb(120, 135, 138)

HSL

hsl(190, 7%, 51%)

HSB

hsb(190, 13%, 54%)

CMYK

cmyk(13%, 2%, 0%, 46%)

Oklch

oklch(61.2% 0.018 211.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6D8D3

D1E0E5

Analogous

E5D1D6

E6D8D3

E5E1D1

Triadic

E6D8D3

D1E5D7

D7D1E5

Split-Comp.

E6D8D3

D1E5E1

D1D6E5

Tetradic

E6D8D3

D6E5D1

D1E0E5

E1D1E5

Contrast Matrix WCAG 2.1 Contrast

E6D8D3	B6BEBF	FF5464	CC4553	78878A
—	1.4 Fail	2.3 Fail	3.3 AA Large	2.7 Fail
1.4 Fail	—	1.7 Fail	2.4 Fail	2.0 Fail
2.3 Fail	1.7 Fail	—	1.5 Fail	1.2 Fail
3.3 AA Large	2.4 Fail	1.5 Fail	—	1.2 Fail
2.7 Fail	2.0 Fail	1.2 Fail	1.2 Fail	—

White BG

1.4Fail

1.9Fail

3.1AA Large

4.6AA

3.7AA Large

Black BG

15.1AAA

11.1AAA

6.7AA

4.5AA

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0D4

B9BABF

B5B360

929050

7E7F89

Deuteranopia

E1E2D5

B9B8BF

BFCC5F

99A34F

7E7D89

Tritanopia

E5D5D5

B6BFBF

F65D5C

C54D4C

798989

Achromatopsia

DCDCDC

BCBCBC

898989

6F6F6F

838383

Shades & Tints Shades & Tints

#E6D8D3

Dark

Light

#B6BEBF

Dark

Light

#FF5464

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6d8d3;
  --color-2: #b6bebf;
  --color-3: #ff5464;
  --color-4: #cc4553;
  --color-5: #78878a;
}

SCSS

$color-1: #e6d8d3;
$color-2: #b6bebf;
$color-3: #ff5464;
$color-4: #cc4553;
$color-5: #78878a;

TAILWIND

colors: {
  'brand-1': '#e6d8d3',
  'brand-2': '#b6bebf',
  'brand-3': '#ff5464',
  'brand-4': '#cc4553',
  'brand-5': '#78878a',
}

RGB Array

[230, 216, 211], [182, 190, 191], [255, 84, 100], [204, 69, 83], [120, 135, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6D8D3, #B6BEBF, #FF5464, #CC4553, #78878A 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: #e6d8d3; --color-2: #b6bebf; --color-3: #ff5464; --color-4: #cc4553; --color-5: #78878a. 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