Tempered Pier color palette — #F1E3EB · #8167FF · #00837E · #4E00C5 · #001B19
Indigo and Amethyst set the tone — five colors that lean into creativity and energy.
The five colors
- Rose Water (#F1E3EB): a clean, paper-quiet neutral.
- Amethyst (#8167FF): A luminous, vivid violet — the color of a velvet chair.
- Teal (#00837E): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#4E00C5): A full-bodied, vivid violet — the color of wild irises.
- Ink (#001B19): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Creativity, Energy, Balance. Tagged 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
- Muted Ultramarine Alley color palette (#F7E3F3, #4F79FF, #00856A, #1923D1, #001B14)
- Soft Quarry color palette (#F1D7E0, #AB46FF, #008090, #6900A7, #001A1E)
- Quiet Grape color palette (#E4E0FF, #8A60FC, #7A7300, #5900C2, #322F00)
- Cornflower Alley color palette (#F7E8F8, #0F86F3, #008752, #004B91, #001C0D)
- Magenta Quarry color palette (#FFECF0, #D75BE8, #0090B6, #82348D, #002531)
- Dusty Chapel color palette (#FEE0E3, #BA4EAE, #0074A2, #74116C, #001420)
- Lapis Meadow color palette (#FFF0F9, #A9A7FF, #80AE05, #6343E4, #172300)
- Worn Byzantium Courtyard color palette (#F2E9FF, #9A00F3, #BA0048, #005881, #17002B)
Browse the whole catalog at Explore, or see today's palette.