Tempered Pier color palette — #EAF3FF · #B4BBF6 · #8677B1 · #60436F · #451A3D
A conversation between Slate Blue and Lavender, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#EAF3FF): bright and airy, almost weightless.
- Lavender (#B4BBF6): A luminous, balanced violet — the color of wild irises.
- Slate Blue (#8677B1): A luminous, balanced violet — the color of twilight just after sunset.
- Charcoal Brown (#60436F): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Indigo (#451A3D): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Creativity, Balance. Tagged 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
- Antique Study color palette (#EBF7FF, #AAB9E9, #8C7EB3, #734C7A, #6A2C50)
- Onyx Workshop color palette (#F0F0FF, #D7AAD9, #A67291, #73404F, #521718)
- Washed Chapel color palette (#E1F6FF, #87CDF2, #5D8CBF, #435482, #282450)
- Washed Periwinkle Terrace color palette (#E3F8E7, #98A8E6, #886B98, #3A5B41, #272B3C)
- Softworn Driftwood color palette (#EDF2F9, #D9D5E0, #B6A9B0, #6F84A4, #32363E)
- Softworn Hollow color palette (#ECF2FF, #C5C3E3, #998DA6, #556B5F, #344945)
- Iris Ridge color palette (#E9EDFC, #8871C8, #3B3949, #1B1D29, #0A0C10)
- Soft Orchid Workshop color palette (#EFEDFF, #B169DE, #882686, #58003B, #200009)
Browse the whole catalog at Explore, or see today's palette.