Tempered Pier color palette — #F6F8DA · #B0CEAF · #A08BA1 · #A0603F · #6D4B00
Ochre takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F6F8DA): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B0CEAF): A whisper-light, dusty green — the color of new leaves after rain.
- Heather (#A08BA1): A luminous, dusty pink — the color of a candy shop window.
- Ochre (#A0603F): A full-bodied, balanced orange — the color of autumn markets.
- Bronze (#6D4B00): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, 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
- Timeworn Loft color palette (#D9F5DC, #95CABC, #AA7C8A, #7B6115, #475408)
- Weathered Oat color palette (#FFF3E3, #C8CBAA, #819484, #856D6D, #5E4748)
- Aged Chestnut Ridge color palette (#F7F5EC, #BBC6A1, #4C8E89, #746619, #46540A)
- Ancient Quarry color palette (#B8EFDC, #7CB3CF, #786A91, #744F01, #444300)
- Softworn Ash Grove color palette (#E4FBF4, #C7DDE9, #B1BFD7, #B093AA, #445646)
- Softworn Lagoon color palette (#EAFAEF, #61BFD4, #C48871, #377D8D, #534B47)
- Olive Courtyard color palette (#FCF3EF, #C5EFE9, #769EBE, #5F7939, #5E4C5A)
- Feathered Market color palette (#D4E9F2, #8B89EB, #985385, #48521B, #09411C)
Browse the whole catalog at Explore, or see today's palette.