← Back to Editor

#F7507E · #DF9A95 · #E2C9AB · #EBE3AF · #D7FCC6

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 App

Color Details Color Details

#F7507E

Rouge · LightCoral · Rose Pink

HEX
#F7507E
RGB
rgb(247, 80, 126)
HSL
hsl(343, 91%, 64%)
HSB
hsb(343, 68%, 97%)
CMYK
cmyk(0%, 68%, 49%, 3%)
Oklch
oklch(67.3% 0.204 8.0)

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

#DF9A95

Peach Pink · DarkSalmon · Coral Red

HEX
#DF9A95
RGB
rgb(223, 154, 149)
HSL
hsl(4, 54%, 73%)
HSB
hsb(4, 33%, 87%)
CMYK
cmyk(0%, 31%, 33%, 13%)
Oklch
oklch(75.2% 0.084 23.9)

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

#E2C9AB

Goose Yellow · Wheat · Peach Orange

HEX
#E2C9AB
RGB
rgb(226, 201, 171)
HSL
hsl(33, 49%, 78%)
HSB
hsb(33, 24%, 89%)
CMYK
cmyk(0%, 11%, 24%, 11%)
Oklch
oklch(84.9% 0.049 72.2)

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

#EBE3AF

Fresh Green · Wheat · Lemon Cream

HEX
#EBE3AF
RGB
rgb(235, 227, 175)
HSL
hsl(52, 60%, 80%)
HSB
hsb(52, 26%, 92%)
CMYK
cmyk(0%, 3%, 26%, 8%)
Oklch
oklch(91.0% 0.068 100.3)

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

#D7FCC6

Emerald · Beige · Mint Green

HEX
#D7FCC6
RGB
rgb(215, 252, 198)
HSL
hsl(101, 90%, 88%)
HSB
hsb(101, 21%, 99%)
CMYK
cmyk(15%, 0%, 21%, 1%)
Oklch
oklch(95.1% 0.081 135.9)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7507E
50F7C7

Analogous

F750D3
F7507E
F77450

Triadic

F7507E
7FF750
507FF7

Split-Comp.

F7507E
50F774
50D3F7

Tetradic

F7507E
D3F750
50F7C7
7450F7

Contrast Matrix WCAG 2.1 Contrast

F7507E
DF9A95
E2C9AB
EBE3AF
D7FCC6
—
1.4
Fail
2.1
Fail
2.5
Fail
2.9
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
2.0
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
2.5
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
2.9
Fail
2.0
Fail
1.4
Fail
1.2
Fail
—
White BG
3.3AA Large
2.3Fail
1.6Fail
1.3Fail
1.1Fail
Black BG
6.4AA
9.2AAA
13.2AAA
16.1AAA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAD73
C1C196
D7D7B2
E8E7BC
E7E7D3

Deuteranopia

B8C570
C5CA97
D9DBB4
E8E9BF
E5E2D6

Tritanopia

EF6A68
DC9797
E1B8B9
EBC6C8
D9DDE0

Achromatopsia

878787
AEAEAE
CDCDCD
DFDFDF
EBEBEB

Shades & Tints Shades & Tints

#F7507E

Dark
Light

#DF9A95

Dark
Light

#E2C9AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7507e;
  --color-2: #df9a95;
  --color-3: #e2c9ab;
  --color-4: #ebe3af;
  --color-5: #d7fcc6;
}

SCSS

$color-1: #f7507e;
$color-2: #df9a95;
$color-3: #e2c9ab;
$color-4: #ebe3af;
$color-5: #d7fcc6;

TAILWIND

colors: {
  'brand-1': '#f7507e',
  'brand-2': '#df9a95',
  'brand-3': '#e2c9ab',
  'brand-4': '#ebe3af',
  'brand-5': '#d7fcc6',
}

RGB Array

[247, 80, 126], [223, 154, 149], [226, 201, 171], [235, 227, 175], [215, 252, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7507E, #DF9A95, #E2C9AB, #EBE3AF, #D7FCC6 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: #f7507e; --color-2: #df9a95; --color-3: #e2c9ab; --color-4: #ebe3af; --color-5: #d7fcc6. 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 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