← Back to Editor

#FFF2FB · #FFFFFF · #910639 · #3D081B · #FFD6E5

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

#FFF2FB

Mauve · Snow · Lavender

HEX
#FFF2FB
RGB
rgb(255, 242, 251)
HSL
hsl(318, 100%, 97%)
HSB
hsb(318, 5%, 100%)
CMYK
cmyk(0%, 5%, 2%, 0%)
Oklch
oklch(97.4% 0.018 336.5)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#910639

Dark Violet · Brown · Camellia

HEX
#910639
RGB
rgb(145, 6, 57)
HSL
hsl(338, 92%, 30%)
HSB
hsb(338, 96%, 57%)
CMYK
cmyk(0%, 96%, 61%, 43%)
Oklch
oklch(42.2% 0.165 9.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#3D081B

Dark Violet · Black · Raspberry

HEX
#3D081B
RGB
rgb(61, 8, 27)
HSL
hsl(338, 77%, 14%)
HSB
hsb(338, 87%, 24%)
CMYK
cmyk(0%, 87%, 56%, 76%)
Oklch
oklch(24.2% 0.082 4.4)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#FFD6E5

Rouge · Linen · Cherry Blossom

HEX
#FFD6E5
RGB
rgb(255, 214, 229)
HSL
hsl(338, 100%, 92%)
HSB
hsb(338, 16%, 100%)
CMYK
cmyk(0%, 16%, 10%, 0%)
Oklch
oklch(91.5% 0.050 354.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF2FB
F0FFF4

Analogous

FCF0FF
FFF2FB
FFF0F3

Triadic

FFF2FB
FAFFF0
F0FAFF

Split-Comp.

FFF2FB
F3FFF0
F0FFFC

Tetradic

FFF2FB
FFFCF0
F0FFF4
F0F3FF

Contrast Matrix WCAG 2.1 Contrast

FFF2FB
FFFFFF
910639
3D081B
FFD6E5
—
1.1
Fail
8.5
AAA
15.5
AAA
1.2
Fail
1.1
Fail
—
9.2
AAA
16.8
AAA
1.3
Fail
8.5
AAA
9.2
AAA
—
1.8
Fail
7.0
AA
15.5
AAA
16.8
AAA
1.8
Fail
—
12.8
AAA
1.2
Fail
1.3
Fail
7.0
AA
12.8
AAA
—
White BG
1.1Fail
1.0Fail
9.2AAA
16.8AAA
1.3Fail
Black BG
19.3AAA
21.0AAA
2.3Fail
1.2Fail
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9F9
FFFFFF
55542D
262616
EDEDE1

Deuteranopia

FAFBF8
FFFFFF
5D672A
292D15
F0F3E1

Tritanopia

FEF7F7
FFFFFF
8A2321
3A1312
FDDFDE

Achromatopsia

F7F7F7
FFFFFF
353535
1A1A1A
E4E4E4

Shades & Tints Shades & Tints

#FFF2FB

Dark
Light

#FFFFFF

Dark
Light

#910639

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff2fb;
  --color-2: #ffffff;
  --color-3: #910639;
  --color-4: #3d081b;
  --color-5: #ffd6e5;
}

SCSS

$color-1: #fff2fb;
$color-2: #ffffff;
$color-3: #910639;
$color-4: #3d081b;
$color-5: #ffd6e5;

TAILWIND

colors: {
  'brand-1': '#fff2fb',
  'brand-2': '#ffffff',
  'brand-3': '#910639',
  'brand-4': '#3d081b',
  'brand-5': '#ffd6e5',
}

RGB Array

[255, 242, 251], [255, 255, 255], [145, 6, 57], [61, 8, 27], [255, 214, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF2FB, #FFFFFF, #910639, #3D081B, #FFD6E5 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: #fff2fb; --color-2: #ffffff; --color-3: #910639; --color-4: #3d081b; --color-5: #ffd6e5. 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