ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Retro

Analog Light

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

#Retro#Creative
Open in Generator
COLOR 1
#8FA52E
Wasabi Green
COLOR 2
#6DDD41
Kiwi Fruit
COLOR 3
#7AE18A
Light Green
COLOR 4
#493794
Dark Slate Blue
COLOR 5
#E3CBEA
Soft Lilac

Color Values & Codes

HEX · RGB · HSL
rgb(143, 165, 46)hsl(71, 56%, 41%)Color details →
Kiwi Fruit
#6DDD41
rgb(109, 221, 65)hsl(103, 70%, 56%)Color details →
rgb(122, 225, 138)hsl(129, 63%, 68%)Color details →
rgb(73, 55, 148)hsl(252, 46%, 40%)Color details →
Soft Lilac
#E3CBEA
rgb(227, 203, 234)hsl(286, 42%, 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: #8FA52E;
  --color-2: #6DDD41;
  --color-3: #7AE18A;
  --color-4: #493794;
  --color-5: #E3CBEA;
}

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
#8FA52E on #4937943.36:1
Large Text Only (Pass)
Sample Text
#8FA52E on #E3CBEA1.84:1
Large Text Only (Fail)
Sample Text
#6DDD41 on #4937945.35:1
Normal Text AA Pass
Sample Text
#6DDD41 on #E3CBEA1.16:1
Large Text Only (Fail)
Sample Text
#7AE18A on #4937945.74:1
Normal Text AA Pass
Sample Text
#7AE18A on #E3CBEA1.08: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