← Back to Editor

#808080 · #FCCEC6 · #E1CAC0 · #F2F4E7 · #C0E1D2

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

WorkspaceReadingData Visualization

Color Details Color Details

#808080

Ink Gray · Gray · Warm Gray

HEX
#808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)
HSB
hsb(0, 0%, 50%)
CMYK
cmyk(0%, 0%, 0%, 50%)
Oklch
oklch(60.0% 0.000 89.9)

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

#FCCEC6

Peach Pink · Pink · Cherry Blossom

HEX
#FCCEC6
RGB
rgb(252, 206, 198)
HSL
hsl(9, 90%, 88%)
HSB
hsb(9, 21%, 99%)
CMYK
cmyk(0%, 18%, 21%, 1%)
Oklch
oklch(88.9% 0.053 29.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E1CAC0

Apricot · LightGray · Peach Orange

HEX
#E1CAC0
RGB
rgb(225, 202, 192)
HSL
hsl(18, 35%, 82%)
HSB
hsb(18, 15%, 88%)
CMYK
cmyk(0%, 10%, 15%, 12%)
Oklch
oklch(85.5% 0.029 45.0)

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

#F2F4E7

Fresh Green · Linen · Lemon Cream

HEX
#F2F4E7
RGB
rgb(242, 244, 231)
HSL
hsl(69, 37%, 93%)
HSB
hsb(69, 5%, 96%)
CMYK
cmyk(1%, 0%, 5%, 4%)
Oklch
oklch(96.2% 0.017 113.8)

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

#C0E1D2

Jade · LightGray · Mint Green

HEX
#C0E1D2
RGB
rgb(192, 225, 210)
HSL
hsl(153, 35%, 82%)
HSB
hsb(153, 15%, 88%)
CMYK
cmyk(15%, 0%, 7%, 12%)
Oklch
oklch(88.2% 0.040 166.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

808080
808080

Analogous

808080
808080
808080

Triadic

808080
808080
808080

Split-Comp.

808080
808080
808080

Tetradic

808080
808080
808080
808080

Contrast Matrix WCAG 2.1 Contrast

808080
FCCEC6
E1CAC0
F2F4E7
C0E1D2
—
2.8
Fail
2.5
Fail
3.5
AA Large
2.8
Fail
2.8
Fail
—
1.1
Fail
1.3
Fail
1.0
Fail
2.5
Fail
1.1
Fail
—
1.4
Fail
1.1
Fail
3.5
AA Large
1.3
Fail
1.4
Fail
—
1.3
Fail
2.8
Fail
1.0
Fail
1.1
Fail
1.3
Fail
—
White BG
3.9AA Large
1.4Fail
1.6Fail
1.1Fail
1.4Fail
Black BG
5.3AA
14.8AAA
13.4AAA
18.9AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

808080
E8E8C8
D7D7C2
F3F3EA
CECFD6

Deuteranopia

808080
EBEEC8
D8DAC3
F3F3EB
CCCAD7

Tritanopia

808080
FAC9CA
E0C4C5
F2EDED
C2D8D9

Achromatopsia

808080
DBDBDB
D0D0D0
F2F2F2
D5D5D5

Shades & Tints Shades & Tints

#808080

Dark
Light

#FCCEC6

Dark
Light

#E1CAC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #808080;
  --color-2: #fccec6;
  --color-3: #e1cac0;
  --color-4: #f2f4e7;
  --color-5: #c0e1d2;
}

SCSS

$color-1: #808080;
$color-2: #fccec6;
$color-3: #e1cac0;
$color-4: #f2f4e7;
$color-5: #c0e1d2;

TAILWIND

colors: {
  'brand-1': '#808080',
  'brand-2': '#fccec6',
  'brand-3': '#e1cac0',
  'brand-4': '#f2f4e7',
  'brand-5': '#c0e1d2',
}

RGB Array

[128, 128, 128], [252, 206, 198], [225, 202, 192], [242, 244, 231], [192, 225, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #808080, #FCCEC6, #E1CAC0, #F2F4E7, #C0E1D2 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: #808080; --color-2: #fccec6; --color-3: #e1cac0; --color-4: #f2f4e7; --color-5: #c0e1d2. 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