Tempered Pier color palette — #F6F3FF · #FABDF9 · #EE945F · #C48AC3 · #2E1E27

A conversation between Apricot and Thistle, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Thistle (#FABDF9): A whisper-light, balanced pink — the color of peonies in June.
• Apricot (#EE945F): A luminous, balanced gold — the color of old brass.
• Mauve (#C48AC3): A luminous, balanced pink — the color of a candy shop window.
• Onyx (#2E1E27): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Balance. Tagged duotone.

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

• Dusty Blush color palette (#F8F3FB, #FFC1D4, #D0A756, #DB82A0, #1C271E)
• Tempered Coast color palette (#FCF2F4, #FED1E7, #CB8E66, #A573B8, #1B0F06)
• Blush Villa color palette (#F1F5FE, #CCD2FF, #E78CBC, #9299E8, #28202F)
• Amber Dune color palette (#F4F4FD, #D7B1FF, #CA7834, #906FB2, #2F1E26)
• Peony Bloom color palette (#F7EEFF, #FFA0CF, #E97700, #E24AA1, #220516)
• Timeworn Mallow Harbor color palette (#E7FCEB, #FFAACB, #DA8E7B, #578F77, #463749)
• Hazy Blush Station color palette (#FFEDF8, #FFBDD0, #EF9395, #B8715F, #622E00)
• Patina Fuchsia Chapel color palette (#F6F3FF, #E989D8, #999F46, #3E8B89, #212938)

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