Tempered Pier color palette — #F7F6E8 · #A5B88B · #A58CBD · #637D3A · #66404E
A conversation between Olive and Dusty Rose, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6E8): a clean, paper-quiet neutral.
- Sage (#A5B88B): A luminous, dusty green — the color of new leaves after rain.
- Dusty Rose (#A58CBD): A luminous, dusty violet — the color of twilight just after sunset.
- Olive (#637D3A): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#66404E): A full-bodied, dusty rose — the color of pressed rose petals.
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
- Washed Cypress color palette (#F0F8EB, #80BFAC, #C18498, #31836E, #68423D)
- Antique Bloom color palette (#FDF4E8, #C6AB81, #799ACC, #906B2A, #5C435B)
- Muted Taupe Quarry color palette (#F7F7E0, #82A46C, #977CB1, #955D77, #43433C)
- Olive Garden color palette (#E5F6F2, #A3BC96, #61A6C7, #518132, #00364B)
- Washed Moss Bloom color palette (#F7F6E9, #B7CD9B, #6ABEDF, #769A3C, #2C5744)
- Hushed Lagoon color palette (#FFF3E9, #CBB498, #AA7243, #894A2E, #5B4400)
- Timeworn Harbor color palette (#F7F6E9, #BBE2DE, #98C2CF, #A17E3C, #465204)
- Stone Balcony color palette (#F1F7EE, #DFB79A, #516547, #2F3E28, #192822)
Browse the whole catalog at Explore, or see today's palette.