#F87290 + #EA9494 + #E4B89E + #D9D9A8 + #EAEACC · 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

#F87290

Peach Pink · LightCoral · Coral Red

HEX

#F87290

RGB

rgb(248, 114, 144)

HSL

hsl(347, 91%, 71%)

HSB

hsb(347, 54%, 97%)

CMYK

cmyk(0%, 54%, 42%, 3%)

Oklch

oklch(71.9% 0.166 8.2)

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

#EA9494

Peach Pink · DarkSalmon · Coral Red

HEX

#EA9494

RGB

rgb(234, 148, 148)

HSL

hsl(0, 67%, 75%)

HSB

hsb(0, 37%, 92%)

CMYK

cmyk(0%, 37%, 37%, 8%)

Oklch

oklch(75.4% 0.104 19.8)

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

#E4B89E

Apricot · BurlyWood · Peach Orange

HEX

#E4B89E

RGB

rgb(228, 184, 158)

HSL

hsl(22, 56%, 76%)

HSB

hsb(22, 31%, 89%)

CMYK

cmyk(0%, 19%, 31%, 11%)

Oklch

oklch(81.5% 0.062 52.1)

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

#D9D9A8

Fresh Green · Wheat · Sunflower

HEX

#D9D9A8

RGB

rgb(217, 217, 168)

HSL

hsl(60, 39%, 75%)

HSB

hsb(60, 23%, 85%)

CMYK

cmyk(0%, 0%, 23%, 15%)

Oklch

oklch(87.3% 0.065 107.7)

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

#EAEACC

Fresh Green · Beige · Lemon Cream

HEX

#EAEACC

RGB

rgb(234, 234, 204)

HSL

hsl(60, 42%, 86%)

HSB

hsb(60, 13%, 92%)

CMYK

cmyk(0%, 0%, 13%, 8%)

Oklch

oklch(92.9% 0.040 107.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F87290

72F8DB

Analogous

F872D2

F87290

F89872

Triadic

F87290

8FF872

728FF8

Split-Comp.

F87290

72F898

72D2F8

Tetradic

F87290

D2F872

72F8DB

9872F8

Contrast Matrix WCAG 2.1 Contrast

F87290	EA9494	E4B89E	D9D9A8	EAEACC
—	1.2 Fail	1.5 Fail	1.9 Fail	2.2 Fail
1.2 Fail	—	1.3 Fail	1.6 Fail	1.9 Fail
1.5 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
1.9 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
2.2 Fail	1.9 Fail	1.5 Fail	1.2 Fail	—

White BG

2.7Fail

2.3Fail

1.8Fail

1.5Fail

1.2Fail

Black BG

7.8AAA

9.2AAA

11.6AAA

14.4AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD89

C5C494

D1D1A4

D9D9B4

EAEAD3

Deuteranopia

C6D087

CAD094

D4D7A6

D9D9B7

EAEAD5

Tritanopia

F18382

E69494

E2A9AA

D9BDBF

EAD9DA

Achromatopsia

9D9D9D

AEAEAE

C2C2C2

D3D3D3

E7E7E7

Shades & Tints Shades & Tints

#F87290

Dark

Light

#EA9494

Dark

Light

#E4B89E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f87290;
  --color-2: #ea9494;
  --color-3: #e4b89e;
  --color-4: #d9d9a8;
  --color-5: #eaeacc;
}

SCSS

$color-1: #f87290;
$color-2: #ea9494;
$color-3: #e4b89e;
$color-4: #d9d9a8;
$color-5: #eaeacc;

TAILWIND

colors: {
  'brand-1': '#f87290',
  'brand-2': '#ea9494',
  'brand-3': '#e4b89e',
  'brand-4': '#d9d9a8',
  'brand-5': '#eaeacc',
}

RGB Array

[248, 114, 144], [234, 148, 148], [228, 184, 158], [217, 217, 168], [234, 234, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F87290, #EA9494, #E4B89E, #D9D9A8, #EAEACC 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: #f87290; --color-2: #ea9494; --color-3: #e4b89e; --color-4: #d9d9a8; --color-5: #eaeacc. 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