← Back to Editor

#FFFFFF · #FFCAEA · #E8BEFF · #FF98F4 · #B6A7FF

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#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

#FFCAEA

Mauve · Pink · Cherry Blossom

HEX
#FFCAEA
RGB
rgb(255, 202, 234)
HSL
hsl(324, 100%, 90%)
HSB
hsb(324, 21%, 100%)
CMYK
cmyk(0%, 21%, 8%, 0%)
Oklch
oklch(89.5% 0.072 341.8)

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

#E8BEFF

Lilac · Lavender · Lavender

HEX
#E8BEFF
RGB
rgb(232, 190, 255)
HSL
hsl(279, 100%, 87%)
HSB
hsb(279, 25%, 100%)
CMYK
cmyk(9%, 25%, 0%, 0%)
Oklch
oklch(85.9% 0.099 313.4)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#FF98F4

Mauve · Violet · Lilac Purple

HEX
#FF98F4
RGB
rgb(255, 152, 244)
HSL
hsl(306, 100%, 80%)
HSB
hsb(306, 40%, 100%)
CMYK
cmyk(0%, 40%, 4%, 0%)
Oklch
oklch(81.6% 0.166 330.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#B6A7FF

Wisteria · LightSteelBlue · Sky Blue

HEX
#B6A7FF
RGB
rgb(182, 167, 255)
HSL
hsl(250, 100%, 83%)
HSB
hsb(250, 35%, 100%)
CMYK
cmyk(29%, 35%, 0%, 0%)
Oklch
oklch(77.5% 0.124 291.0)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFFF
FFFFFF

Analogous

FFFFFF
FFFFFF
FFFFFF

Triadic

FFFFFF
FFFFFF
FFFFFF

Split-Comp.

FFFFFF
FFFFFF
FFFFFF

Tetradic

FFFFFF
FFFFFF
FFFFFF
FFFFFF

Contrast Matrix WCAG 2.1 Contrast

FFFFFF
FFCAEA
E8BEFF
FF98F4
B6A7FF
—
1.4
Fail
1.6
Fail
1.9
Fail
2.1
Fail
1.4
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.9
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
2.1
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
1.0Fail
1.4Fail
1.6Fail
1.9Fail
2.1Fail
Black BG
21.0AAA
14.9AAA
13.2AAA
11.0AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFFF
E8E8E2
D6D5EF
D2D1DE
B0AFEA

Deuteranopia

FFFFFF
EBEFE0
D8DBEC
D8E0D8
B0B2E5

Tritanopia

FFFFFF
FCDCDB
E6E3E0
FACCC8
B5D9D5

Achromatopsia

FFFFFF
DDDDDD
D2D2D2
C1C1C1
B6B6B6

Shades & Tints Shades & Tints

#FFFFFF

Dark
Light

#FFCAEA

Dark
Light

#E8BEFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffff;
  --color-2: #ffcaea;
  --color-3: #e8beff;
  --color-4: #ff98f4;
  --color-5: #b6a7ff;
}

SCSS

$color-1: #ffffff;
$color-2: #ffcaea;
$color-3: #e8beff;
$color-4: #ff98f4;
$color-5: #b6a7ff;

TAILWIND

colors: {
  'brand-1': '#ffffff',
  'brand-2': '#ffcaea',
  'brand-3': '#e8beff',
  'brand-4': '#ff98f4',
  'brand-5': '#b6a7ff',
}

RGB Array

[255, 255, 255], [255, 202, 234], [232, 190, 255], [255, 152, 244], [182, 167, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FFFFFF, #FFCAEA, #E8BEFF, #FF98F4, #B6A7FF 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: #ffffff; --color-2: #ffcaea; --color-3: #e8beff; --color-4: #ff98f4; --color-5: #b6a7ff. 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 vintage-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