Tempered Pier color palette — #F8D9F2 · #B299DC · #8E5C84 · #503C00 · #221E00
A conversation between Mauve and Slate, giving this palette its sense of optimism and creativity.
The five colors
- Thistle (#F8D9F2): A whisper-light, dusty pink — the color of neon signs at night.
- Mauve (#B299DC): A luminous, balanced violet — the color of wild irises.
- Slate (#8E5C84): A full-bodied, balanced pink — the color of a candy shop window.
- Deep Olive (#503C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Onyx (#221E00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Creativity, Balance. Tagged vintage, retro, muted.
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
- Pewter Studio color palette (#D0E2EF, #819FE3, #8161A5, #613400, #1B1100)
- Muted Bronze color palette (#F3D8FF, #C28CA8, #995852, #354F29, #0F2002)
- Washed Loft color palette (#D8F0F9, #9799DA, #AC6F97, #4A7450, #232708)
- Driftwood Alley color palette (#E8E2F8, #986DA6, #704565, #592414, #401E2F)
- Garnet Meadow color palette (#F2E5F1, #AD6C88, #8A2B15, #002A0B, #000201)
- Pewter Pier color palette (#D4E4F6, #706EA1, #6C4560, #1B3C1B, #001917)
- Amber Drift color palette (#FFF0F7, #F6A8AB, #BE7A52, #545750, #00393D)
- Dusty Rose Pier color palette (#F7F3FF, #FFACEC, #E15D77, #566319, #003D24)
Browse the whole catalog at Explore, or see today's palette.