ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Fashion

Tokyo Harajuku Pastels

Playful Harajuku street style palette bursting with dreamy lavender layers, bubblegum pink accessories, and mint sneakers.

#Fashion#Pastel#Creative#Vibrant#Fresh
Open in Generator
COLOR 1
#818CF8
Blueberry
COLOR 2
#C084FC
Medium Purple
COLOR 3
#F472B6
Hot Pink
COLOR 4
#FDE047
Kihada Yellow
COLOR 5
#67E8F9
Aurora Violet

Color Values & Codes

HEX · RGB · HSL
Blueberry
#818CF8
rgb(129, 140, 248)hsl(234, 89%, 74%)Color details →
rgb(192, 132, 252)hsl(270, 95%, 75%)Color details →
Hot Pink
#F472B6
rgb(244, 114, 182)hsl(329, 86%, 70%)Color details →
rgb(253, 224, 71)hsl(50, 98%, 64%)Color details →
rgb(103, 232, 249)hsl(187, 92%, 69%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Fashion Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #818CF8;
  --color-2: #C084FC;
  --color-3: #F472B6;
  --color-4: #FDE047;
  --color-5: #67E8F9;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#818CF8 on #FDE0472.26:1
Large Text Only (Fail)
Sample Text
#818CF8 on #67E8F92.06:1
Large Text Only (Fail)
Sample Text
#C084FC on #FDE0472.00:1
Large Text Only (Fail)
Sample Text
#C084FC on #67E8F91.82:1
Large Text Only (Fail)
Sample Text
#F472B6 on #FDE0472.01:1
Large Text Only (Fail)
Sample Text
#F472B6 on #67E8F91.83:1
Large Text Only (Fail)

Related Palettes in Fashion

Explore Fashion
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold