Tempered Pier color palette — #F1EAFF · #DB86D4 · #DA4698 · #BE0032 · #4B1900

Ruby and Hot Pink set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F1EAFF): A whisper-light, dusty violet — the color of a velvet chair.
• Bubblegum (#DB86D4): A luminous, balanced pink — the color of a candy shop window.
• Hot Pink (#DA4698): A luminous, vivid rose — the color of a warm blush.
• Ruby (#BE0032): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#4B1900): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Energy. Tagged vibrant, warm.

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

• Hazy Plum color palette (#E0E1EF, #C28FE4, #D059C0, #B70C62, #530012)
• Rust Thicket color palette (#F0E3F4, #E69CD7, #E96E90, #C13F36, #652E07)
• Hazy Crimson color palette (#E8DDEA, #DE6B9C, #E41058, #933400, #321700)
• Hazy Lagoon color palette (#EEDFED, #F381CB, #E0078B, #860035, #3B0007)
• Soft Rose Bloom color palette (#F2D9EA, #EA82A7, #EF4943, #B64700, #3B2600)
• Hushed Ridge color palette (#FFD4D2, #FFA0A5, #ED5B71, #BD0B4F, #35000B)
• Wandering Raspberry color palette (#F7D5CE, #EF8DA5, #24C6AA, #DA0166, #003128)
• Blush Dune color palette (#DDDEF1, #22BEFC, #FF6F9F, #653242, #170B09)

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