Tempered Pier color palette — #E2E2FC · #9149C2 · #3B2A4A · #14122B · #02040F

A conversation between Violet and Navy, giving this palette its sense of creativity and balance.

The five colors

• Frost (#E2E2FC): A whisper-light, dusty violet — the color of wild irises.
• Violet (#9149C2): A full-bodied, vivid violet — the color of wild irises.
• Navy (#3B2A4A): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#14122B): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#02040F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. 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

• Dusty Orchid color palette (#E0DFEE, #9F67AE, #4A3754, #221D35, #0B0D16)
• Washed Plum Study color palette (#E9E1F5, #B33891, #4F2427, #27081E, #04030E)
• Sapphire Orchard color palette (#E0EDFF, #386ECA, #362B50, #06162C, #00050C)
• Byzantium Quarry color palette (#FCDBE5, #A610EF, #3A162C, #231713, #0C0104)
• Gentle Orchid Canyon color palette (#E5E5F3, #BE45FB, #664767, #2E2D40, #04040A)
• Moonless Dune color palette (#F9D4DF, #7C00AC, #2A0A2C, #1D180B, #160209)
• Midnight Mulberry Lantern color palette (#E4DDEA, #95005C, #37352E, #360101, #090003)
• Taupe Veranda color palette (#F8EEF8, #C7878C, #65525B, #413242, #232027)

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