Tempered Pier color palette — #FFF1F3 · #C998C3 · #9BA072 · #7A7F52 · #4C3739
A conversation between Mauve and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Mauve (#C998C3): A luminous, balanced pink — the color of peonies in June.
- Moss (#9BA072): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#7A7F52): A full-bodied, dusty green — the color of a quiet forest floor.
- Charcoal (#4C3739): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, 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
- Blush Villa color palette (#FFF2EF, #DE91A8, #70A89E, #48887D, #4A3836)
- Weathered Cypress Corridor color palette (#FEF2F1, #CF96AE, #AB7B57, #197368, #433231)
- Washed Mallow Balcony color palette (#FFF1F5, #DBAEF4, #BDBC67, #75A78C, #49383D)
- Iris Station color palette (#FBF2F6, #D2C9FC, #B2985D, #8E81C0, #312D27)
- Timeworn Bronze color palette (#FFF1F7, #E6BBE1, #CF8E9D, #975E41, #5B4000)
- Taupe Dune color palette (#FCF2F3, #DFD9D4, #B1B4A9, #BC8D92, #585051)
- Stone Field color palette (#EEF6FF, #96C8FF, #A5B86C, #5089AE, #28333E)
- Blush Dune color palette (#FFF1F0, #F476B5, #47872B, #006D53, #451930)
Browse the whole catalog at Explore, or see today's palette.