Tempered Pier color palette — #FFEBFA · #D9BEC6 · #88AF9E · #68719D · #534869

Slate and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Blush (#FFEBFA): A whisper-light, dusty pink — the color of neon signs at night.
• Oat (#D9BEC6): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#88AF9E): A luminous, dusty teal — the color of sea glass.
• Slate (#68719D): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#534869): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication. 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

• Aged Pewter color palette (#EAFBE9, #B1D4C4, #6FA4A5, #926887, #614661)
• Softworn Lagoon color palette (#FCF2F6, #D7DCF1, #88A5DC, #008B96, #44426A)
• Timeworn Canyon color palette (#FBF5DF, #BAB99E, #70906F, #546B5A, #2F5455)
• Ancient Garnet color palette (#E2E6CD, #72A18B, #1E7986, #6C3037, #3F2600)
• Muted Grape color palette (#F5D9CD, #C7B080, #6C9958, #744AAB, #641D40)
• Muted Delta color palette (#E6FBF4, #ACC183, #BD8FDA, #6F8E00, #503560)
• Airy Aubergine color palette (#F1DAD3, #9A8353, #4C6F3C, #4E2077, #34091E)
• Washed Peony Atelier color palette (#DFFCF8, #76B777, #948BE0, #B85FB1, #11403C)

Browse the whole catalog at Explore, or see today's palette.