← Back to Editor

#7C596F · #F29191 · #FAC0C0 · #FAE8ED · #FFF5F7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#7C596F

Rose Purple · DimGray · Camellia

HEX
#7C596F
RGB
rgb(124, 89, 111)
HSL
hsl(322, 16%, 42%)
HSB
hsb(322, 28%, 49%)
CMYK
cmyk(0%, 28%, 10%, 51%)
Oklch
oklch(50.8% 0.056 341.2)

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

#F29191

Peach Pink · LightCoral · Coral Red

HEX
#F29191
RGB
rgb(242, 145, 145)
HSL
hsl(0, 79%, 76%)
HSB
hsb(0, 40%, 95%)
CMYK
cmyk(0%, 40%, 40%, 5%)
Oklch
oklch(75.8% 0.118 20.2)

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

#FAC0C0

Peach Pink · LightPink · Cherry Blossom

HEX
#FAC0C0
RGB
rgb(250, 192, 192)
HSL
hsl(0, 85%, 87%)
HSB
hsb(0, 23%, 98%)
CMYK
cmyk(0%, 23%, 23%, 2%)
Oklch
oklch(86.0% 0.067 18.5)

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

#FAE8ED

Rouge · Linen · Cherry Blossom

HEX
#FAE8ED
RGB
rgb(250, 232, 237)
HSL
hsl(343, 64%, 95%)
HSB
hsb(343, 7%, 98%)
CMYK
cmyk(0%, 7%, 5%, 2%)
Oklch
oklch(94.7% 0.021 358.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FFF5F7

Peach Pink · Snow · Cherry Blossom

HEX
#FFF5F7
RGB
rgb(255, 245, 247)
HSL
hsl(348, 100%, 98%)
HSB
hsb(348, 4%, 100%)
CMYK
cmyk(0%, 4%, 3%, 0%)
Oklch
oklch(97.8% 0.011 3.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C596F
5A7C67

Analogous

785A7C
7C596F
7C5A5F

Triadic

7C596F
707C5A
5A707C

Split-Comp.

7C596F
5F7C5A
5A7C78

Tetradic

7C596F
7C785A
5A7C67
5A5F7C

Contrast Matrix WCAG 2.1 Contrast

7C596F
F29191
FAC0C0
FAE8ED
FFF5F7
—
2.6
Fail
3.8
AA Large
5.1
AA
5.6
AA
2.6
Fail
—
1.4
Fail
1.9
Fail
2.1
Fail
3.8
AA Large
1.4
Fail
—
1.3
Fail
1.5
Fail
5.1
AA
1.9
Fail
1.3
Fail
—
1.1
Fail
5.6
AA
2.1
Fail
1.5
Fail
1.1
Fail
—
White BG
6.0AA
2.3Fail
1.6Fail
1.2Fail
1.1Fail
Black BG
3.5AA Large
9.2AAA
13.4AAA
17.8AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D6A
C8C791
E1E0C0
F2F2EC
FBFBF7

Deuteranopia

6F7268
CED591
E4E9C0
F3F5EB
FBFCF6

Tritanopia

7A6565
ED9191
F7C0C0
F9EBEB
FFF6F6

Achromatopsia

666666
AEAEAE
D1D1D1
EEEEEE
F8F8F8

Shades & Tints Shades & Tints

#7C596F

Dark
Light

#F29191

Dark
Light

#FAC0C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c596f;
  --color-2: #f29191;
  --color-3: #fac0c0;
  --color-4: #fae8ed;
  --color-5: #fff5f7;
}

SCSS

$color-1: #7c596f;
$color-2: #f29191;
$color-3: #fac0c0;
$color-4: #fae8ed;
$color-5: #fff5f7;

TAILWIND

colors: {
  'brand-1': '#7c596f',
  'brand-2': '#f29191',
  'brand-3': '#fac0c0',
  'brand-4': '#fae8ed',
  'brand-5': '#fff5f7',
}

RGB Array

[124, 89, 111], [242, 145, 145], [250, 192, 192], [250, 232, 237], [255, 245, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7C596F, #F29191, #FAC0C0, #FAE8ED, #FFF5F7 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #7c596f; --color-2: #f29191; --color-3: #fac0c0; --color-4: #fae8ed; --color-5: #fff5f7. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 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