Tempered Pier color palette — #F7F3FB · #EBD7DF · #D9BAC0 · #9C617E · #221B27
Built around Mocha, softened by Stone — the whole palette hums with sophistication.
The five colors
- Ivory (#F7F3FB): a clean, paper-quiet neutral.
- Silver (#EBD7DF): A whisper-light, dusty rose — the color of strawberry cream.
- Stone (#D9BAC0): A luminous, dusty red — the color of late-summer berries.
- Mocha (#9C617E): A full-bodied, balanced rose — the color of a warm blush.
- Onyx (#221B27): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Sophistication. Tagged scandi, muted, light.
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 Terracotta Balcony color palette (#FCF1FD, #EBD2D7, #D3AFC1, #8C4752, #130815)
- Hushed Lantern color palette (#F0EDF5, #DDCED3, #CAB1B3, #C672A2, #322A3B)
- Rust Workshop color palette (#FFF0F9, #C0F0E6, #E6D7D5, #C8571B, #2F1F29)
- Ancient Garden color palette (#F2E6E5, #D8C7C3, #B99D8C, #8C2567, #221010)
- Apricot Field color palette (#FFF1F4, #FAA693, #A37B51, #38646B, #002A3B)
- Crimson Ridge color palette (#F6DBF6, #DB0043, #3C190A, #1E160B, #080109)
- Antique Pine Parlor color palette (#E8FAF2, #A4C884, #448752, #654461, #001E18)
- Tempered Amber color palette (#F0F7F0, #BFDEE8, #B0ADBA, #B88837, #2B392B)
Browse the whole catalog at Explore, or see today's palette.