Tempered Pier color palette — #E8DFF9 · #AF35D8 · #9B007C · #7A004A · #180003

Orchid takes the lead with Raspberry close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Thistle (#E8DFF9): A whisper-light, dusty violet — the color of a velvet chair.
• Orchid (#AF35D8): A full-bodied, vivid pink — the color of peonies in June.
• Raspberry (#9B007C): A full-bodied, vivid pink — the color of a candy shop window.
• Mulberry (#7A004A): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#180003): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Magenta Balcony color palette (#E9E0EB, #C300B0, #A2005D, #75002A, #1E0000)
• Byzantium Boulevard color palette (#F0E3F2, #AF00B1, #810073, #4E003B, #130009)
• Aged Byzantium Courtyard color palette (#ECEDFF, #8C3AF2, #9109AF, #6C0055, #1F000B)
• Weathered Terrace color palette (#ECE5F4, #D902A3, #00865B, #94026E, #000804)
• Airy Delta color palette (#FBEBF0, #F23A93, #B50072, #6D0033, #060002)
• Frosted Plum Lantern color palette (#E4F7DB, #2582FB, #AF0070, #240315, #030105)
• Pale Boulevard color palette (#F5DEE9, #C20087, #007951, #005D67, #060003)
• Faded Grape color palette (#D5EAFF, #3D60FF, #6022D8, #5B1A84, #150018)

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