← Back to Editor

#E35B81 · #F56C87 · #F78888 · #F79F8D · #F2C096

minimal

A 5-color minimal palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#E35B81

Rouge · LightCoral · Rose Pink

HEX
#E35B81
RGB
rgb(227, 91, 129)
HSL
hsl(343, 71%, 62%)
HSB
hsb(343, 60%, 89%)
CMYK
cmyk(0%, 60%, 43%, 11%)
Oklch
oklch(65.5% 0.172 5.8)

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

#F56C87

Peach Pink · LightCoral · Coral Red

HEX
#F56C87
RGB
rgb(245, 108, 135)
HSL
hsl(348, 87%, 69%)
HSB
hsb(348, 56%, 96%)
CMYK
cmyk(0%, 56%, 45%, 4%)
Oklch
oklch(70.5% 0.169 10.3)

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

#F78888

Peach Pink · LightCoral · Coral Red

HEX
#F78888
RGB
rgb(247, 136, 136)
HSL
hsl(0, 87%, 75%)
HSB
hsb(0, 45%, 97%)
CMYK
cmyk(0%, 45%, 45%, 3%)
Oklch
oklch(74.8% 0.135 20.8)

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

#F79F8D

Peach Pink · LightSalmon · Coral Red

HEX
#F79F8D
RGB
rgb(247, 159, 141)
HSL
hsl(10, 87%, 76%)
HSB
hsb(10, 43%, 97%)
CMYK
cmyk(0%, 36%, 43%, 3%)
Oklch
oklch(78.6% 0.109 32.2)

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

#F2C096

Apricot · BurlyWood · Peach Orange

HEX
#F2C096
RGB
rgb(242, 192, 150)
HSL
hsl(27, 78%, 77%)
HSB
hsb(27, 38%, 95%)
CMYK
cmyk(0%, 21%, 38%, 5%)
Oklch
oklch(84.2% 0.080 61.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E35B81
59E3BC

Analogous

E359C5
E35B81
E37759

Triadic

E35B81
80E359
5980E3

Split-Comp.

E35B81
59E377
59C5E3

Tetradic

E35B81
C5E359
59E3BC
7759E3

Contrast Matrix WCAG 2.1 Contrast

E35B81
F56C87
F78888
F79F8D
F2C096
—
1.2
Fail
1.5
Fail
1.7
Fail
2.1
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
3.5AA Large
2.8Fail
2.4Fail
2.0Fail
1.6Fail
Black BG
6.1AA
7.4AAA
8.8AAA
10.3AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A778
BAB880
C7C688
D1D091
DCDCA0

Deuteranopia

B0BA76
C2CC7F
CDD688
D6DD92
DFE3A3

Tritanopia

DC716F
EE7B7A
F18888
F39596
EFA8AA

Achromatopsia

888888
989898
A9A9A9
B7B7B7
CACACA

Shades & Tints Shades & Tints

#E35B81

Dark
Light

#F56C87

Dark
Light

#F78888

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e35b81;
  --color-2: #f56c87;
  --color-3: #f78888;
  --color-4: #f79f8d;
  --color-5: #f2c096;
}

SCSS

$color-1: #e35b81;
$color-2: #f56c87;
$color-3: #f78888;
$color-4: #f79f8d;
$color-5: #f2c096;

TAILWIND

colors: {
  'brand-1': '#e35b81',
  'brand-2': '#f56c87',
  'brand-3': '#f78888',
  'brand-4': '#f79f8d',
  'brand-5': '#f2c096',
}

RGB Array

[227, 91, 129], [245, 108, 135], [247, 136, 136], [247, 159, 141], [242, 192, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #E35B81, #F56C87, #F78888, #F79F8D, #F2C096 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e35b81; --color-2: #f56c87; --color-3: #f78888; --color-4: #f79f8d; --color-5: #f2c096. 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 minimal-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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