Tempered Pier color palette — #F3EFFF · #A5609D · #423847 · #2A2731 · #171319

Built around Dusty Rose, softened by Charcoal — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#F3EFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#A5609D): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal (#423847): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#2A2731): a grounded near-black with real depth.
• Ink (#171319): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Lantern color palette (#FFEDEF, #BA88B5, #67524E, #423335, #262022)
• Softworn Mallow color palette (#FAEEEF, #DD9FD3, #8C7574, #634E51, #271F21)
• Nocturne Plum color palette (#EBDDF5, #BB0073, #4B161B, #1D1324, #0C040B)
• Lowlit Mulberry color palette (#F2E8F5, #9D0049, #37322D, #350604, #0E0511)
• Rust Terrace color palette (#EFDFEA, #C43900, #422A34, #261B22, #100A0C)
• Patina Drift color palette (#FEF0FF, #D87682, #779463, #5D7999, #4A3E4B)
• Chestnut Alley color palette (#FFE6F0, #874800, #291C00, #1E0210, #070001)
• Ancient Blush color palette (#FCF0FF, #EB92A5, #49ABA3, #97606C, #33535A)

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