Tempered Pier color palette — #F2F8E7 · #A3D1B2 · #D8A57F · #549F71 · #713F02
A conversation between Fern and Bronze, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F8E7): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A3D1B2): A luminous, dusty teal — the color of glacier melt.
- Camel (#D8A57F): A luminous, dusty gold — the color of old brass.
- Fern (#549F71): A luminous, balanced teal — the color of sea glass.
- Bronze (#713F02): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Balance. Tagged light, 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
- Patina Bronze Hollow color palette (#FBF4E9, #D8C9A9, #AF9871, #956C2D, #594500)
- Driftwood Study color palette (#F9F5E9, #C6C990, #6FC0CD, #8F9148, #35563F)
- Pine Bloom color palette (#F3F7ED, #8CBDA0, #B886AB, #008856, #674144)
- Weathered Taupe Chapel color palette (#EFF9E7, #B4E3E7, #A7ABBC, #A1AD8A, #455240)
- Weathered Lagoon Veranda color palette (#F0F7EF, #D7D3A9, #518985, #3F533D, #252F23)
- Chalky Amber color palette (#ECFBE4, #00CAAB, #CA8F00, #008B75, #4F3500)
- Timeworn Cerulean color palette (#E9FAEE, #90D1DD, #BDA6D4, #3B9BAC, #673F4E)
- Antique Mallow color palette (#E9F9F8, #AFE4BB, #FDAACD, #74BB86, #564562)
Browse the whole catalog at Explore, or see today's palette.