← Back to Editor

#FFF5FD · #FFA5D2 · #EE4D9B · #FFA919 · #040404

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

#FFF5FD

Mauve · Snow · Lavender

HEX
#FFF5FD
RGB
rgb(255, 245, 253)
HSL
hsl(312, 100%, 98%)
HSB
hsb(312, 4%, 100%)
CMYK
cmyk(0%, 4%, 1%, 0%)
Oklch
oklch(98.0% 0.015 332.2)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#FFA5D2

Rouge · LightPink · Cherry Blossom

HEX
#FFA5D2
RGB
rgb(255, 165, 210)
HSL
hsl(330, 100%, 82%)
HSB
hsb(330, 35%, 100%)
CMYK
cmyk(0%, 35%, 18%, 0%)
Oklch
oklch(82.4% 0.119 348.7)

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

#EE4D9B

Rouge · LightCoral · Rose Pink

HEX
#EE4D9B
RGB
rgb(238, 77, 155)
HSL
hsl(331, 83%, 62%)
HSB
hsb(331, 68%, 93%)
CMYK
cmyk(0%, 68%, 35%, 7%)
Oklch
oklch(66.4% 0.208 354.5)

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

#FFA919

Ginger · Orange · Warm Sun

HEX
#FFA919
RGB
rgb(255, 169, 25)
HSL
hsl(38, 100%, 55%)
HSB
hsb(38, 90%, 100%)
CMYK
cmyk(0%, 34%, 90%, 0%)
Oklch
oklch(80.0% 0.167 71.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#040404

Ink Black · Black · Jet Black

HEX
#040404
RGB
rgb(4, 4, 4)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(10.7% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF5FD
F5FFF7

Analogous

FCF5FF
FFF5FD
FFF5F8

Triadic

FFF5FD
FDFFF5
F5FDFF

Split-Comp.

FFF5FD
F8FFF5
F5FFFC

Tetradic

FFF5FD
FFFCF5
F5FFF7
F5F8FF

Contrast Matrix WCAG 2.1 Contrast

FFF5FD
FFA5D2
EE4D9B
FFA919
040404
—
1.7
Fail
3.2
AA Large
1.8
Fail
19.3
AAA
1.7
Fail
—
1.9
Fail
1.1
Fail
11.3
AAA
3.2
AA Large
1.9
Fail
—
1.8
Fail
6.0
AA
1.8
Fail
1.1
Fail
1.8
Fail
—
10.7
AAA
19.3
AAA
11.3
AAA
6.0
AA
10.7
AAA
—
White BG
1.1Fail
1.8Fail
3.4AA Large
1.9Fail
20.5AAA
Black BG
19.7AAA
11.6AAA
6.2AA
10.9AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBFB
D8D7C7
A8A788
DAD93C
040404

Deuteranopia

FBFCFB
DDE4C5
B2BE84
DFE544
040404

Tritanopia

FFFAF9
FBBFBD
E67976
FB575D
040404

Achromatopsia

F9F9F9
C5C5C5
868686
B2B2B2
040404

Shades & Tints Shades & Tints

#FFF5FD

Dark
Light

#FFA5D2

Dark
Light

#EE4D9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff5fd;
  --color-2: #ffa5d2;
  --color-3: #ee4d9b;
  --color-4: #ffa919;
  --color-5: #040404;
}

SCSS

$color-1: #fff5fd;
$color-2: #ffa5d2;
$color-3: #ee4d9b;
$color-4: #ffa919;
$color-5: #040404;

TAILWIND

colors: {
  'brand-1': '#fff5fd',
  'brand-2': '#ffa5d2',
  'brand-3': '#ee4d9b',
  'brand-4': '#ffa919',
  'brand-5': '#040404',
}

RGB Array

[255, 245, 253], [255, 165, 210], [238, 77, 155], [255, 169, 25], [4, 4, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF5FD, #FFA5D2, #EE4D9B, #FFA919, #040404 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #fff5fd; --color-2: #ffa5d2; --color-3: #ee4d9b; --color-4: #ffa919; --color-5: #040404. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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