Tempered Pier color palette — #FFF0FE · #D4C200 · #009C87 · #8F217C · #1A2F00
Raspberry takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Saffron (#D4C200): A luminous, vivid green — the color of fresh herbs.
- Fern (#009C87): A luminous, balanced teal — the color of glacier melt.
- Raspberry (#8F217C): A full-bodied, vivid pink — the color of peonies in June.
- Deep Forest (#1A2F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
Use it as a design system
One click turns Tempered Pier into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Muted Lime Bloom color palette (#FCF0FF, #99C864, #008F9B, #7D3356, #002828)
- Timeworn Emerald Harbor color palette (#FFF0F8, #FEAB2C, #03A33E, #663F92, #2E2800)
- Moss Bloom color palette (#FEF0FF, #9EAD00, #007B78, #6C1450, #001715)
- Aged Chartreuse Boulevard color palette (#FFF4E2, #98D800, #00B88C, #836AB6, #1D3E1B)
- Weathered Cerulean Lantern color palette (#FFF0FE, #9BE0A1, #28A0C3, #934A4C, #16373B)
- Ancient Aubergine Courtyard color palette (#FFF3E9, #869600, #00715D, #701769, #213E18)
- Linen Atelier color palette (#E6FCEA, #CBE58F, #34AA6E, #7F6735, #293306)
- Washed Celadon Loft color palette (#FFF4DB, #B1E8AE, #57B3BD, #A46065, #573E57)
Browse the whole catalog at Explore, or see today's palette.