Tempered Pier color palette — #FFF1F5 · #CDBE81 · #749E81 · #6A6A90 · #324F45
Sand takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sand (#CDBE81): A luminous, balanced green — the color of fresh herbs.
- Eucalyptus (#749E81): A luminous, dusty teal — the color of sea glass.
- Slate (#6A6A90): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#324F45): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Muted Basin color palette (#FFF0F9, #A6C9A2, #5F9FA2, #905E6D, #304E4F)
- Softworn Stone color palette (#E9FBEC, #EBAE93, #999466, #5B6F90, #584048)
- Tempered Jade Alley color palette (#FEF3E8, #F0DC9C, #74B383, #81668E, #413F38)
- Worn Fern Coast color palette (#FAF5E4, #A2AE80, #5D8359, #0D6474, #4F4A00)
- Ancient Moss color palette (#E2F8F1, #8CA661, #415E5F, #2C3C37, #1C241F)
- Worn Balcony color palette (#FAF3F7, #D7D5E6, #89B8D9, #559489, #465367)
- Chalky Jade color palette (#FFE6F4, #73B564, #00888C, #7E3B5B, #073A26)
- Frosted Cocoa Lantern color palette (#FFDCD0, #00B09F, #0076B0, #862900, #002F34)
Browse the whole catalog at Explore, or see today's palette.