← Back to Editor

#FFFFF3 · #E1B5C4 · #EFA6B7 · #FF6C72 · #FF3646

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

#FFFFF3

Fresh Green · Snow · Lemon Cream

HEX
#FFFFF3
RGB
rgb(255, 255, 243)
HSL
hsl(60, 100%, 98%)
HSB
hsb(60, 5%, 100%)
CMYK
cmyk(0%, 0%, 5%, 0%)
Oklch
oklch(99.7% 0.016 106.7)

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

#E1B5C4

Rouge · LightPink · Cherry Blossom

HEX
#E1B5C4
RGB
rgb(225, 181, 196)
HSL
hsl(340, 42%, 80%)
HSB
hsb(340, 20%, 88%)
CMYK
cmyk(0%, 20%, 13%, 12%)
Oklch
oklch(81.6% 0.054 356.0)

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

#EFA6B7

Peach Pink · LightPink · Coral Red

HEX
#EFA6B7
RGB
rgb(239, 166, 183)
HSL
hsl(346, 70%, 79%)
HSB
hsb(346, 31%, 94%)
CMYK
cmyk(0%, 31%, 23%, 6%)
Oklch
oklch(80.0% 0.089 4.0)

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

#FF6C72

Peach Pink · Salmon · Coral Red

HEX
#FF6C72
RGB
rgb(255, 108, 114)
HSL
hsl(358, 100%, 71%)
HSB
hsb(358, 58%, 100%)
CMYK
cmyk(0%, 58%, 55%, 0%)
Oklch
oklch(71.4% 0.179 20.4)

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

#FF3646

Peach Pink · Tomato · Coral Red

HEX
#FF3646
RGB
rgb(255, 54, 70)
HSL
hsl(355, 100%, 61%)
HSB
hsb(355, 79%, 100%)
CMYK
cmyk(0%, 79%, 73%, 0%)
Oklch
oklch(65.3% 0.233 23.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFF3
F5F5FF

Analogous

FFFAF5
FFFFF3
FAFFF5

Triadic

FFFFF3
F5FFFF
FFF5FF

Split-Comp.

FFFFF3
F5FAFF
FAF5FF

Tetradic

FFFFF3
F5FFFA
F5F5FF
FFF5FA

Contrast Matrix WCAG 2.1 Contrast

FFFFF3
E1B5C4
EFA6B7
FF6C72
FF3646
—
1.8
Fail
1.9
Fail
2.7
Fail
3.6
AA Large
1.8
Fail
—
1.1
Fail
1.5
Fail
2.0
Fail
1.9
Fail
1.1
Fail
—
1.4
Fail
1.8
Fail
2.7
Fail
1.5
Fail
1.4
Fail
—
1.3
Fail
3.6
AA Large
2.0
Fail
1.8
Fail
1.3
Fail
—
White BG
1.0Fail
1.8Fail
1.9Fail
2.7Fail
3.6AA Large
Black BG
20.9AAA
11.6AAA
10.8AAA
7.6AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFF6
CECEC0
CFCFB3
BFBE71
A8A642

Deuteranopia

FFFFF7
D1D4C0
D4D9B2
C8D370
B4C341

Tritanopia

FFF8F9
DFBEBD
EBB0AF
F86F6F
F53F3E

Achromatopsia

FEFEFE
C4C4C4
BEBEBE
999999
747474

Shades & Tints Shades & Tints

#FFFFF3

Dark
Light

#E1B5C4

Dark
Light

#EFA6B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffff3;
  --color-2: #e1b5c4;
  --color-3: #efa6b7;
  --color-4: #ff6c72;
  --color-5: #ff3646;
}

SCSS

$color-1: #fffff3;
$color-2: #e1b5c4;
$color-3: #efa6b7;
$color-4: #ff6c72;
$color-5: #ff3646;

TAILWIND

colors: {
  'brand-1': '#fffff3',
  'brand-2': '#e1b5c4',
  'brand-3': '#efa6b7',
  'brand-4': '#ff6c72',
  'brand-5': '#ff3646',
}

RGB Array

[255, 255, 243], [225, 181, 196], [239, 166, 183], [255, 108, 114], [255, 54, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFFF3, #E1B5C4, #EFA6B7, #FF6C72, #FF3646 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: #fffff3; --color-2: #e1b5c4; --color-3: #efa6b7; --color-4: #ff6c72; --color-5: #ff3646. 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