#FE4358 + #E7A1AC + #EEF2F3 + #92B269 + #B1C9C9 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FE4358

Peach Pink · Tomato · Coral Red

HEX

#FE4358

RGB

rgb(254, 67, 88)

HSL

hsl(353, 99%, 63%)

HSB

hsb(353, 74%, 100%)

CMYK

cmyk(0%, 74%, 65%, 0%)

Oklch

oklch(66.4% 0.221 19.8)

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

#E7A1AC

Peach Pink · LightPink · Coral Red

HEX

#E7A1AC

RGB

rgb(231, 161, 172)

HSL

hsl(351, 59%, 77%)

HSB

hsb(351, 30%, 91%)

CMYK

cmyk(0%, 30%, 26%, 9%)

Oklch

oklch(77.9% 0.084 8.8)

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

#EEF2F3

Sky Blue · Lavender · Glacier Blue

HEX

#EEF2F3

RGB

rgb(238, 242, 243)

HSL

hsl(192, 17%, 94%)

HSB

hsb(192, 2%, 95%)

CMYK

cmyk(2%, 0%, 0%, 5%)

Oklch

oklch(95.8% 0.004 214.3)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#92B269

Grass Green · DarkSeaGreen · Olive Green

HEX

#92B269

RGB

rgb(146, 178, 105)

HSL

hsl(86, 32%, 55%)

HSB

hsb(86, 41%, 70%)

CMYK

cmyk(18%, 0%, 41%, 30%)

Oklch

oklch(72.2% 0.105 128.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#B1C9C9

Sky Blue · Silver · Lake Green

HEX

#B1C9C9

RGB

rgb(177, 201, 201)

HSL

hsl(180, 18%, 74%)

HSB

hsb(180, 12%, 79%)

CMYK

cmyk(12%, 0%, 0%, 21%)

Oklch

oklch(81.8% 0.026 196.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE4358

43FEE8

Analogous

FE43B6

FE4358

FE8B43

Triadic

FE4358

59FE43

4359FE

Split-Comp.

FE4358

43FE8B

43B6FE

Tetradic

FE4358

B6FE43

43FEE8

8B43FE

Contrast Matrix WCAG 2.1 Contrast

FE4358	E7A1AC	EEF2F3	92B269	B1C9C9
—	1.6 Fail	3.0 AA Large	1.4 Fail	2.0 Fail
1.6 Fail	—	1.8 Fail	1.1 Fail	1.2 Fail
3.0 AA Large	1.8 Fail	—	2.1 Fail	1.5 Fail
1.4 Fail	1.1 Fail	2.1 Fail	—	1.4 Fail
2.0 Fail	1.2 Fail	1.5 Fail	1.4 Fail	—

White BG

3.4AA Large

2.1Fail

1.1Fail

2.4Fail

1.7Fail

Black BG

6.2AA

10.1AAA

18.6AAA

8.8AAA

12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAB53

C9C8A9

F0F0F3

A0A07B

BBBCC9

Deuteranopia

B8C652

CDD2A9

F0EFF3

9E9C7F

BAB8C9

Tritanopia

F54F4E

E4A7A7

EEF3F3

94898C

B2C9C9

Achromatopsia

7D7D7D

B7B7B7

F1F1F1

A0A0A0

C2C2C2

Shades & Tints Shades & Tints

#FE4358

Dark

Light

#E7A1AC

Dark

Light

#EEF2F3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe4358;
  --color-2: #e7a1ac;
  --color-3: #eef2f3;
  --color-4: #92b269;
  --color-5: #b1c9c9;
}

SCSS

$color-1: #fe4358;
$color-2: #e7a1ac;
$color-3: #eef2f3;
$color-4: #92b269;
$color-5: #b1c9c9;

TAILWIND

colors: {
  'brand-1': '#fe4358',
  'brand-2': '#e7a1ac',
  'brand-3': '#eef2f3',
  'brand-4': '#92b269',
  'brand-5': '#b1c9c9',
}

RGB Array

[254, 67, 88], [231, 161, 172], [238, 242, 243], [146, 178, 105], [177, 201, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FE4358, #E7A1AC, #EEF2F3, #92B269, #B1C9C9 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: #fe4358; --color-2: #e7a1ac; --color-3: #eef2f3; --color-4: #92b269; --color-5: #b1c9c9. 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