Tempered Pier color palette — #F7F3FC · #D59EBD · #8B925D · #376E9B · #5B324D
Slate takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F7F3FC): bright and airy, almost weightless.
- Mauve (#D59EBD): A luminous, dusty pink — the color of a candy shop window.
- Moss (#8B925D): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#376E9B): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#5B324D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. 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
- Amber Market color palette (#F3F4FF, #BAA7D7, #B2814C, #007976, #3B3F62)
- Wandering Shell Market color palette (#FFF2EC, #FFB7A6, #61AA97, #3B738B, #4D2C3D)
- Aged Atelier color palette (#F9F3F7, #D5D6E9, #82BAD3, #4A977D, #425568)
- Sand Grove color palette (#FFF1F9, #FFB291, #B8AA6D, #957BA6, #4F3955)
- Tempered Amber Alley color palette (#FDEDF4, #CB8A63, #495E4F, #42333A, #261F25)
- Chalky Aubergine Boulevard color palette (#FEF1F7, #D5936C, #1A9484, #79438F, #562B0D)
- Weathered Driftwood Parlor color palette (#EEF8F6, #B7D8DB, #74A4B2, #857598, #365355)
- Bronze Courtyard color palette (#FFF0FA, #EBC4A0, #B7954E, #86741D, #2C5849)
Browse the whole catalog at Explore, or see today's palette.