ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Retro

Arcade Aura

retro palette with a balanced five-color hierarchy for design use.

#Retro#Creative
Open in Generator
COLOR 1
#3128AB
Klein Blue
COLOR 2
#A03BE4
Purple 500
COLOR 3
#DB80D8
Orchid
COLOR 4
#929A31
Guacamole
COLOR 5
#D7E7CE
Beige

Color Values & Codes

HEX · RGB · HSL
Klein Blue
#3128AB
rgb(49, 40, 171)hsl(244, 62%, 41%)Color details →
Purple 500
#A03BE4
rgb(160, 59, 228)hsl(276, 76%, 56%)Color details →
Orchid
#DB80D8
rgb(219, 128, 216)hsl(302, 56%, 68%)Color details →
Guacamole
#929A31
rgb(146, 154, 49)hsl(65, 52%, 40%)Color details →
Beige
#D7E7CE
rgb(215, 231, 206)hsl(98, 34%, 86%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #3128AB;
  --color-2: #A03BE4;
  --color-3: #DB80D8;
  --color-4: #929A31;
  --color-5: #D7E7CE;
}

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
#3128AB on #929A313.41:1
Large Text Only (Pass)
Sample Text
#3128AB on #D7E7CE8.02:1
Normal Text AA Pass
Sample Text
#A03BE4 on #929A311.62:1
Large Text Only (Fail)
Sample Text
#A03BE4 on #D7E7CE3.82:1
Large Text Only (Pass)
Sample Text
#DB80D8 on #929A311.17:1
Large Text Only (Fail)
Sample Text
#DB80D8 on #D7E7CE2.00:1
Large Text Only (Fail)

Related Palettes in Retro

Explore Retro
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold