ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Retro

Polaroid Stone

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

#Retro#Creative
Open in Generator
COLOR 1
#24AF91
Teal 500
COLOR 2
#45AAD9
Pacific Blue
COLOR 3
#7D95DE
Cornflower Blue
COLOR 4
#913A4F
Guava
COLOR 5
#E8D7CC
Pearl

Color Values & Codes

HEX · RGB · HSL
Teal 500
#24AF91
rgb(36, 175, 145)hsl(167, 66%, 41%)Color details →
rgb(69, 170, 217)hsl(199, 66%, 56%)Color details →
rgb(125, 149, 222)hsl(225, 60%, 68%)Color details →
Guava
#913A4F
rgb(145, 58, 79)hsl(346, 43%, 40%)Color details →
Pearl
#E8D7CC
rgb(232, 215, 204)hsl(24, 38%, 85%)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: #24AF91;
  --color-2: #45AAD9;
  --color-3: #7D95DE;
  --color-4: #913A4F;
  --color-5: #E8D7CC;
}

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
#24AF91 on #913A4F2.61:1
Large Text Only (Fail)
Sample Text
#24AF91 on #E8D7CC1.97:1
Large Text Only (Fail)
Sample Text
#45AAD9 on #913A4F2.74:1
Large Text Only (Fail)
Sample Text
#45AAD9 on #E8D7CC1.88:1
Large Text Only (Fail)
Sample Text
#7D95DE on #913A4F2.47:1
Large Text Only (Fail)
Sample Text
#7D95DE on #E8D7CC2.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