Tempered Pier color palette — #D2E4E4 · #C300AC · #2C39FF · #0F041F · #00010A
Iris and Orchid set the tone — five colors that lean into creativity and energy.
The five colors
- Silver (#D2E4E4): a clean, paper-quiet neutral.
- Orchid (#C300AC): A full-bodied, vivid pink — the color of a candy shop window.
- Iris (#2C39FF): A full-bodied, vivid violet — the color of wild irises.
- Ink (#0F041F): A deep, shadowed, dusty violet — the color of wild irises.
- Black (#00010A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Energy, Balance. Tagged neon, dark, vibrant.
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
- Airy Pier color palette (#F6D8C8, #CE0082, #7901EA, #150516, #01000E)
- Byzantium Boulevard color palette (#CDF7EF, #AD00DF, #0065B4, #0C0D19, #000206)
- Muted Meadow color palette (#FEDBEE, #7D3BFF, #006D92, #0A0E16, #000204)
- Gentle Delta color palette (#D5ECFE, #D70047, #9C00B2, #19040E, #02000A)
- Tempered Byzantium color palette (#FAE1CC, #EA0049, #A70FF1, #1F0E2C, #050002)
- Velvet Nightshade color palette (#EBEDFB, #6543A2, #4B003A, #26004F, #050003)
- Aged Peony color palette (#BFE8F6, #FF62B0, #9D72FF, #2F0832, #0A0C20)
- Moonless Chestnut color palette (#E7E9D0, #944400, #005490, #0A0B14, #000104)
Browse the whole catalog at Explore, or see today's palette.