Tempered Pier color palette — #F4EFFF · #D9AAE0 · #A359A3 · #5F2960 · #240A26

A conversation between Orchid and Mulberry, giving this palette its sense of creativity and balance.

The five colors

• Blush (#F4EFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D9AAE0): A luminous, balanced pink — the color of neon signs at night.
• Orchid (#A359A3): A full-bodied, balanced pink — the color of peonies in June.
• Mulberry (#5F2960): A deep, shadowed, balanced pink — the color of neon signs at night.
• Deep Indigo (#240A26): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Balance. Tagged monochrome.

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

• Timeworn Mallow color palette (#FFEFFF, #DC99DE, #965996, #5C2F5A, #3E203F)
• Violet Summit color palette (#EEF1FF, #BDB1F0, #8867BE, #453877, #170B30)
• Gentle Plum color palette (#FAECFF, #F7A4BB, #B14C74, #702342, #2D0415)
• Misty Mallow Field color palette (#FFF0FC, #FDB0F6, #AE79B8, #744C77, #422140)
• Plum Corridor color palette (#F1DDE8, #AC318B, #660050, #230020, #040002)
• Olive Meadow color palette (#F4F0F7, #DF9DB8, #7E7900, #95456B, #04120B)
• Worn Shell Summit color palette (#F0F0FF, #F3D3D1, #F8B39F, #7579A9, #30293C)
• Feathered Peony color palette (#FFDEEB, #F250AF, #AB006A, #550033, #15000C)

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