#E00F48 + #DF4E99 + #DF8297 + #D1ABA2 + #DBCBBC · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E00F48

Dark Violet · Crimson · Camellia

HEX

#E00F48

RGB

rgb(224, 15, 72)

HSL

hsl(344, 87%, 47%)

HSB

hsb(344, 93%, 88%)

CMYK

cmyk(0%, 93%, 68%, 12%)

Oklch

oklch(57.9% 0.227 16.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#DF4E99

Rose Purple · LightCoral · Rose Pink

HEX

#DF4E99

RGB

rgb(223, 78, 153)

HSL

hsl(329, 69%, 59%)

HSB

hsb(329, 65%, 87%)

CMYK

cmyk(0%, 65%, 31%, 13%)

Oklch

oklch(64.2% 0.194 352.0)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#DF8297

Peach Pink · LightCoral · Coral Red

HEX

#DF8297

RGB

rgb(223, 130, 151)

HSL

hsl(346, 59%, 69%)

HSB

hsb(346, 42%, 87%)

CMYK

cmyk(0%, 42%, 32%, 13%)

Oklch

oklch(71.2% 0.116 5.9)

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

#D1ABA2

Peach Pink · Tan · Coral Red

HEX

#D1ABA2

RGB

rgb(209, 171, 162)

HSL

hsl(11, 34%, 73%)

HSB

hsb(11, 22%, 82%)

CMYK

cmyk(0%, 18%, 22%, 18%)

Oklch

oklch(77.3% 0.047 33.6)

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

#DBCBBC

Apricot · LightGray · Peach Orange

HEX

#DBCBBC

RGB

rgb(219, 203, 188)

HSL

hsl(29, 30%, 80%)

HSB

hsb(29, 14%, 86%)

CMYK

cmyk(0%, 7%, 14%, 14%)

Oklch

oklch(85.1% 0.027 65.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E00F48

10E0A9

Analogous

E010AF

E00F48

E04010

Triadic

E00F48

47E010

1047E0

Split-Comp.

E00F48

10E040

10AFE0

Tetradic

E00F48

AFE010

10E0A9

4010E0

Contrast Matrix WCAG 2.1 Contrast

E00F48	DF4E99	DF8297	D1ABA2	DBCBBC
—	1.3 Fail	1.8 Fail	2.3 Fail	3.1 AA Large
1.3 Fail	—	1.4 Fail	1.8 Fail	2.3 Fail
1.8 Fail	1.4 Fail	—	1.3 Fail	1.7 Fail
2.3 Fail	1.8 Fail	1.3 Fail	—	1.3 Fail
3.1 AA Large	2.3 Fail	1.7 Fail	1.3 Fail	—

White BG

4.8AA

3.7AA Large

2.7Fail

2.1Fail

1.6Fail

Black BG

4.3AA Large

5.7AA

7.8AAA

10.1AAA

13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

86843A

A09F87

B7B692

C1C0A4

D4D4C0

Deuteranopia

92A137

A9B483

BCC391

C3C6A5

D5D6C1

Tritanopia

D62F2D

D87975

DA8E8D

CFA6A6

DAC2C3

Achromatopsia

545454

828282

A0A0A0

B5B5B5

CECECE

Shades & Tints Shades & Tints

#E00F48

Dark

Light

#DF4E99

Dark

Light

#DF8297

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e00f48;
  --color-2: #df4e99;
  --color-3: #df8297;
  --color-4: #d1aba2;
  --color-5: #dbcbbc;
}

SCSS

$color-1: #e00f48;
$color-2: #df4e99;
$color-3: #df8297;
$color-4: #d1aba2;
$color-5: #dbcbbc;

TAILWIND

colors: {
  'brand-1': '#e00f48',
  'brand-2': '#df4e99',
  'brand-3': '#df8297',
  'brand-4': '#d1aba2',
  'brand-5': '#dbcbbc',
}

RGB Array

[224, 15, 72], [223, 78, 153], [223, 130, 151], [209, 171, 162], [219, 203, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E00F48, #DF4E99, #DF8297, #D1ABA2, #DBCBBC 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: #e00f48; --color-2: #df4e99; --color-3: #df8297; --color-4: #d1aba2; --color-5: #dbcbbc. 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 pastel-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