Tempered Pier color palette — #FFF0F8 · #8D6BF9 · #4D282F · #1A0912 · #020102
Amethyst and Espresso set the tone — five colors that lean into creativity and energy.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Amethyst (#8D6BF9): A luminous, vivid violet — the color of a velvet chair.
- Espresso (#4D282F): A deep, shadowed, dusty red — the color of embers at dusk.
- Ink (#1A0912): A deep, shadowed, dusty rose — the color of a warm blush.
- Black (#020102): quiet, heavy and certain.
Feels like: Creativity, Energy, Sophistication. Tagged noir, dark, luxury, 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
- Timeworn Magenta color palette (#FFF1F3, #C253D1, #4D2A26, #1A0A0E, #030101)
- Cornflower Courtyard color palette (#FFF0FE, #3485FE, #462B39, #160B16, #000201)
- Softworn Lilac color palette (#F6E4ED, #9B86F6, #795759, #4B3441, #120A12)
- Midnight Lapis Pier color palette (#DCE0F0, #654EB8, #2A1E3A, #070921, #000207)
- Eclipse Grape color palette (#F0D7E1, #7F00D4, #201407, #24041C, #040001)
- Ancient Hollow color palette (#FFF1F1, #F085C2, #7F4028, #332828, #130E0F)
- Aubergine Market color palette (#F6E2E6, #7D0088, #3F3B34, #1B1105, #120005)
- Ancient Fuchsia Station color palette (#FFF1F3, #F48DEA, #4C984F, #008483, #2D1116)
Browse the whole catalog at Explore, or see today's palette.