Tempered Pier color palette — #F2F5FD · #A8A8E0 · #AC4E43 · #5948BD · #2D1E2B
Built around Iris, softened by Brick — the whole palette hums with creativity and balance.
The five colors
- Ivory (#F2F5FD): bright and airy, almost weightless.
- Mauve (#A8A8E0): A luminous, balanced violet — the color of twilight just after sunset.
- Brick (#AC4E43): A full-bodied, balanced orange — the color of autumn markets.
- Iris (#5948BD): A full-bodied, vivid violet — the color of a velvet chair.
- Onyx (#2D1E2B): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Balance. Tagged duotone.
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
- Gentle Lagoon color palette (#EFF6FD, #8DB2DB, #A54E67, #0061AC, #2C1E2F)
- Muted Grape color palette (#F5F4FC, #C79CD4, #A15A1E, #87349E, #2F1E26)
- Grape Alley color palette (#F9EFF2, #C1A6DB, #A75485, #7A4BA0, #1A0809)
- Softworn Peony Alley color palette (#F4F4FB, #D3B6EC, #CF64A2, #9966BF, #27212E)
- Tempered Aubergine color palette (#F0F0FF, #A771D8, #8A3700, #630099, #230800)
- Mulberry Chapel color palette (#E1FDF1, #9E8DC0, #9A4C6A, #005A54, #3E3856)
- Mulberry Delta color palette (#EAEFFF, #BEA0D1, #A45380, #971137, #6E2600)
- Weathered Pewter Cabin color palette (#F5F4FB, #E0D8DE, #CCBAC0, #856696, #47474F)
Browse the whole catalog at Explore, or see today's palette.