Tempered Pier color palette — #FFF1F5 · #D0A5ED · #9FB875 · #839A5B · #452932
A conversation between Lavender and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Lavender (#D0A5ED): A luminous, balanced violet — the color of a velvet chair.
- Sage (#9FB875): A luminous, balanced green — the color of new leaves after rain.
- Moss (#839A5B): A luminous, balanced green — the color of fresh herbs.
- Espresso (#452932): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, 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
- Worn Mallow color palette (#FFF1F1, #F0AAD0, #99C2A5, #76A785, #4D3636)
- Muted Loft color palette (#FFF1F0, #EFA4C5, #8CAC6B, #348F73, #023B5F)
- Ancient Cabin color palette (#E8FAF5, #7CB8F4, #82AC72, #008765, #002C24)
- Dusty Veranda color palette (#FFF1F1, #E191BA, #C68A36, #208D7E, #3D222E)
- Patina Lagoon color palette (#FDF5D9, #E9B0ED, #DB8C88, #38909C, #543333)
- Patina Blush Hollow color palette (#FFF2F0, #FF84B3, #00BDC2, #009CA0, #441F1B)
- Lilac Station color palette (#F4F4FF, #B388DD, #C47868, #277995, #303047)
- Timeworn Meadow color palette (#FFDADF, #FD7EF9, #009C5E, #007D76, #320D32)
Browse the whole catalog at Explore, or see today's palette.