#F32E63 + #E99094 + #F5BFBF + #E5DBD1 + #EEE4DA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F32E63

Dark Violet · Crimson · Rose Pink

HEX

#F32E63

RGB

rgb(243, 46, 99)

HSL

hsl(344, 89%, 57%)

HSB

hsb(344, 81%, 95%)

CMYK

cmyk(0%, 81%, 59%, 5%)

Oklch

oklch(63.2% 0.228 12.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E99094

Peach Pink · LightCoral · Coral Red

HEX

#E99094

RGB

rgb(233, 144, 148)

HSL

hsl(357, 67%, 74%)

HSB

hsb(357, 38%, 91%)

CMYK

cmyk(0%, 38%, 36%, 9%)

Oklch

oklch(74.6% 0.108 17.1)

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

#F5BFBF

Peach Pink · LightPink · Cherry Blossom

HEX

#F5BFBF

RGB

rgb(245, 191, 191)

HSL

hsl(0, 73%, 85%)

HSB

hsb(0, 22%, 96%)

CMYK

cmyk(0%, 22%, 22%, 4%)

Oklch

oklch(85.3% 0.062 18.4)

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

#E5DBD1

Goose Yellow · LightGray · Peach Orange

HEX

#E5DBD1

RGB

rgb(229, 219, 209)

HSL

hsl(30, 28%, 86%)

HSB

hsb(30, 9%, 90%)

CMYK

cmyk(0%, 4%, 9%, 10%)

Oklch

oklch(89.7% 0.017 67.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EEE4DA

Goose Yellow · Beige · Peach Orange

HEX

#EEE4DA

RGB

rgb(238, 228, 218)

HSL

hsl(30, 37%, 89%)

HSB

hsb(30, 8%, 93%)

CMYK

cmyk(0%, 4%, 8%, 7%)

Oklch

oklch(92.4% 0.017 67.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F32E63

30F3BF

Analogous

F330C5

F32E63

F35D30

Triadic

F32E63

64F330

3064F3

Split-Comp.

F32E63

30F35D

30C5F3

Tetradic

F32E63

C5F330

30F3BF

5D30F3

Contrast Matrix WCAG 2.1 Contrast

F32E63	E99094	F5BFBF	E5DBD1	EEE4DA
—	1.7 Fail	2.4 Fail	2.9 Fail	3.1 AA Large
1.7 Fail	—	1.5 Fail	1.7 Fail	1.9 Fail
2.4 Fail	1.5 Fail	—	1.2 Fail	1.3 Fail
2.9 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
3.1 AA Large	1.9 Fail	1.3 Fail	1.1 Fail	—

White BG

3.9AA Large

2.4Fail

1.6Fail

1.4Fail

1.3Fail

Black BG

5.4AA

8.9AAA

13.1AAA

15.4AAA

16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9C56

C2C293

DEDDBF

E1E1D3

EAEADC

Deuteranopia

A9B853

C8CE93

E1E5BF

E1E2D4

EAEBDD

Tritanopia

E94C4A

E59292

F2BFBF

E4D5D6

EEDEDF

Achromatopsia

6F6F6F

ABABAB

CFCFCF

DDDDDD

E6E6E6

Shades & Tints Shades & Tints

#F32E63

Dark

Light

#E99094

Dark

Light

#F5BFBF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f32e63;
  --color-2: #e99094;
  --color-3: #f5bfbf;
  --color-4: #e5dbd1;
  --color-5: #eee4da;
}

SCSS

$color-1: #f32e63;
$color-2: #e99094;
$color-3: #f5bfbf;
$color-4: #e5dbd1;
$color-5: #eee4da;

TAILWIND

colors: {
  'brand-1': '#f32e63',
  'brand-2': '#e99094',
  'brand-3': '#f5bfbf',
  'brand-4': '#e5dbd1',
  'brand-5': '#eee4da',
}

RGB Array

[243, 46, 99], [233, 144, 148], [245, 191, 191], [229, 219, 209], [238, 228, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F32E63, #E99094, #F5BFBF, #E5DBD1, #EEE4DA 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: #f32e63; --color-2: #e99094; --color-3: #f5bfbf; --color-4: #e5dbd1; --color-5: #eee4da. 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