#D8C0D8 + #F0C0C0 + #F0D8D8 + #C07890 + #C07878 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D8C0D8

Mauve · LightGray · Lilac Purple

HEX

#D8C0D8

RGB

rgb(216, 192, 216)

HSL

hsl(300, 24%, 80%)

HSB

hsb(300, 11%, 85%)

CMYK

cmyk(0%, 11%, 0%, 15%)

Oklch

oklch(83.5% 0.042 325.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#F0C0C0

Peach Pink · LightPink · Cherry Blossom

HEX

#F0C0C0

RGB

rgb(240, 192, 192)

HSL

hsl(0, 62%, 85%)

HSB

hsb(0, 20%, 94%)

CMYK

cmyk(0%, 20%, 20%, 6%)

Oklch

oklch(85.0% 0.055 18.3)

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

#F0D8D8

Peach Pink · Bisque · Cherry Blossom

HEX

#F0D8D8

RGB

rgb(240, 216, 216)

HSL

hsl(0, 44%, 89%)

HSB

hsb(0, 10%, 94%)

CMYK

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

Oklch

oklch(90.2% 0.027 17.7)

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

#C07890

Rouge · LightCoral · Rose Pink

HEX

#C07890

RGB

rgb(192, 120, 144)

HSL

hsl(340, 36%, 61%)

HSB

hsb(340, 38%, 75%)

CMYK

cmyk(0%, 38%, 25%, 25%)

Oklch

oklch(65.6% 0.095 358.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#C07878

Peach Pink · LightCoral · Coral Red

HEX

#C07878

RGB

rgb(192, 120, 120)

HSL

hsl(0, 36%, 61%)

HSB

hsb(0, 38%, 75%)

CMYK

cmyk(0%, 38%, 38%, 25%)

Oklch

oklch(64.9% 0.091 19.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8C0D8

C0D8C0

Analogous

CCC0D8

D8C0D8

D8C0CC

Triadic

D8C0D8

D8D8C0

C0D8D8

Split-Comp.

D8C0D8

CCD8C0

C0D8CC

Tetradic

D8C0D8

D8CCC0

C0D8C0

C0CCD8

Contrast Matrix WCAG 2.1 Contrast

D8C0D8	F0C0C0	F0D8D8	C07890	C07878
—	1.0 Fail	1.2 Fail	2.0 Fail	2.0 Fail
1.0 Fail	—	1.2 Fail	2.1 Fail	2.1 Fail
1.2 Fail	1.2 Fail	—	2.5 Fail	2.5 Fail
2.0 Fail	2.1 Fail	2.5 Fail	—	1.0 Fail
2.0 Fail	2.1 Fail	2.5 Fail	1.0 Fail	—

White BG

1.7Fail

1.6Fail

1.4Fail

3.3AA Large

3.4AA Large

Black BG

12.5AAA

13.0AAA

15.5AAA

6.3AA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECDD2

DBDBC0

E6E5D8

A1A08A

A1A078

Deuteranopia

CFD1D1

DEE2C0

E7E9D8

A5AA89

A5AA78

Tritanopia

D7CECD

EEC0C0

EFD8D8

BC8685

BC7878

Achromatopsia

CACACA

CECECE

DFDFDF

909090

8E8E8E

Shades & Tints Shades & Tints

#D8C0D8

Dark

Light

#F0C0C0

Dark

Light

#F0D8D8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8c0d8;
  --color-2: #f0c0c0;
  --color-3: #f0d8d8;
  --color-4: #c07890;
  --color-5: #c07878;
}

SCSS

$color-1: #d8c0d8;
$color-2: #f0c0c0;
$color-3: #f0d8d8;
$color-4: #c07890;
$color-5: #c07878;

TAILWIND

colors: {
  'brand-1': '#d8c0d8',
  'brand-2': '#f0c0c0',
  'brand-3': '#f0d8d8',
  'brand-4': '#c07890',
  'brand-5': '#c07878',
}

RGB Array

[216, 192, 216], [240, 192, 192], [240, 216, 216], [192, 120, 144], [192, 120, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8C0D8, #F0C0C0, #F0D8D8, #C07890, #C07878 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: #d8c0d8; --color-2: #f0c0c0; --color-3: #f0d8d8; --color-4: #c07890; --color-5: #c07878. 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