Tempered Pier color palette — #E0E4F8 · #8F55F7 · #BC0611 · #3D4A00 · #00090C
A conversation between Amethyst and Ruby, giving this palette its sense of nature and growth.
The five colors
- Frost (#E0E4F8): A whisper-light, dusty violet — the color of twilight just after sunset.
- Amethyst (#8F55F7): A luminous, vivid violet — the color of twilight just after sunset.
- Ruby (#BC0611): A full-bodied, vivid orange — the color of toasted spice.
- Deep Olive (#3D4A00): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#00090C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Indigo Villa color palette (#DEE5F3, #6668FF, #B80054, #514200, #000A08)
- Powdered Magenta Parlor color palette (#EAE5FB, #CA23CE, #954F00, #005220, #000812)
- Ash Garden color palette (#E1DDED, #B183B7, #A46178, #525C20, #002725)
- Sunlit Ember Archive color palette (#E4E5FF, #C487FF, #F33D03, #5A7200, #002A30)
- Muted Petrol color palette (#E4F1FD, #006BAA, #693600, #002F23, #000A06)
- Cellar Amethyst color palette (#FDDFEF, #6D19FA, #403E00, #111800, #000200)
- Plum Corridor color palette (#F3E6FD, #C64EDA, #B30096, #83005A, #2A000E)
- Soft Byzantium color palette (#DCDDEA, #9700DB, #4F1947, #27191B, #0E0019)
Browse the whole catalog at Explore, or see today's palette.