Retro Punch Color Palette
The official color guide for Retro Punch. Soft, dreamy tones optimized for vintage, aesthetic design, and visual harmony.
Introduction
Retro Punch is a defining palette in the vintage aesthetic. Popularized by 80s Style in 2019, this collection brings a gentle, soothing vibe to any project.
With a primary hue of #ffb7b2, it offers a soft alternative to harsh saturated colors.
Perfect for backgrounds, illustrations, and calming UI elements, Retro Punch creates an inviting atmosphere.
Color Analysis
A breakdown of the verified hex codes and their specific roles.
| Preview | Role | Hex | RGB |
|---|---|---|---|
| Primary | #ffb7b2 |
255, 183, 178 | |
| Secondary | #ff9aa2 |
255, 154, 162 | |
| Accent | #ffdac1 |
255, 218, 193 | |
| Complement | #e2f0cb |
226, 240, 203 |
Trends & Psychology
Soft Focus
Pastel colors like #ffb7b2 are known to have a calming effect on the viewer, reducing visual stress and creating a sense of safety and openness.
Global Appeal
Brazil has seen a rising trend in summer fashion collections and beachwear using these exact tones.
Implementation Guide
Use these snippets to add Retro Punch to your stylesheet.
CSS Variables
:root {
/* Retro Punch Variables */
--pastel-1: #ffb7b2;
--pastel-2: #ff9aa2;
--pastel-3: #ffdac1;
--pastel-4: #e2f0cb;
}Frequently Asked Questions
Pastel colors are generally too light for body text on white backgrounds. Use them for backgrounds or large headlines on dark backgrounds.