NodlumeRetro 80s
High-contrast neon colors over deep blue, invoking arcade machines and vaporwave. (synthwave & arcade)
- Midnight Blue
- #1c1124
- Hot Pink
- #f92a82
- Electric Lilac
- #a626db
- Vapor Wave
- #39defb
- Flash Yellow
- #f9ca24
As the eight interface roles
Retro and vintage color palettes with hex codes
A retro color palette revives the signature combinations of a past decade — 70s mustard and rust, 80s neon pink and cyan, mid-century teal and orange — usually with a slightly faded, print-like saturation.
Retro palettes are quotations. The 1980s are hot pink, electric lilac and cyan on midnight; the 1970s are mustard, burnt orange and olive; the 1950s are teal, cream and cherry red. Each set works because its colors were chosen together once, on posters and packaging, and still read as a period.
Used on screen they are strongest as brand and marketing color, with the neutrals doing the interface work underneath. Faded saturation and a warm off-white keep a vintage set from tipping into costume; full-strength neon is the 80s set's whole point and belongs on dark.
5 retro palettes below, each with its named colors, the eight roles the palette generator derives from them, and a link that opens the generator on that palette.
Vintage Postal
Faded, desaturated blues and parchment tones that evoke nostalgia and historical reliability. (heritage & craft)
- Faded Ink
- #2b3a42
- Old Stamp
- #3f5765
- Airmail Blue
- #85aec4
- Parchment
- #efe7d3
- Dried Wax
- #d1c2a3
As the eight interface roles
Metro Pop
Loud, energetic, and unapologetic — drawn from urban environments and street art. Perfect for youth brands and striking landing pages. (branding & marketing)
- Taxi
- #ffbe0b
- Billboard
- #fb5607
- Subway
- #3a86ff
As the eight interface roles
Autumn Leaves
Comforting, nostalgic, and warm — for seasonal promotions, craft goods, artisanal coffee shops, or cozy home-grown brands. (retail & seasonal)
- Barn Red
- #4a0d0d
- Brick
- #8e2800
- Pumpkin
- #d85a00
- Mustard
- #e89d00
- Maize
- #f0c808
As the eight interface roles
Muted Autumn
Rich, desaturated fall colors that provide a sophisticated, mature aesthetic for apparel or cozy blogs. (fall apparel & cozy)
- Maroon
- #632d2d
- Burnt Orange
- #a15e49
- Ochre
- #c2985d
- Faded Olive
- #878f70
- Dusty Teal
- #5a6b69
As the eight interface roles
Using a retro palette in an interface
Keep the period colors for the brand roles and marketing surfaces, run the working interface on tinted neutrals from the same set, and pick one of the period colors as the primary so the rest can stay decorative. The semantic palette guide explains the eight roles, and the guide to choosing colors for an app walks through the order to decide them in.
- What is a retro color palette?
- A retro color palette revives the signature combinations of a past decade — 70s mustard and rust, 80s neon pink and cyan, mid-century teal and orange — usually with a slightly faded, print-like saturation.
- What are some retro color palette hex codes?
- Retro 80s is one: Midnight Blue #1c1124, Hot Pink #f92a82, Electric Lilac #a626db, Vapor Wave #39defb, Flash Yellow #f9ca24. This page lists 5 retro palettes with every hex code, and each opens in the palette generator as a full eight-role UI palette.
- How do I use a retro color palette in an app or website?
- Keep the period colors for the brand roles and marketing surfaces, run the working interface on tinted neutrals from the same set, and pick one of the period colors as the primary so the rest can stay decorative.
Make one of these your own
Every palette here is a starting point in the palette generator: open one, drag any anchor on the wheel or swap the primary for your brand color, and copy the CSS variables. The theme generator takes it the rest of the way to a Tailwind v4 stylesheet with dark mode.
Open the palette generator