Tempered Pier color palette — #F8F2DD · #A1B47F · #787944 · #634700 · #23240D
Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F8F2DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A1B47F): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#787944): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#634700): A full-bodied, balanced gold — the color of old brass.
- Onyx (#23240D): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Chestnut Canyon color palette (#FDF0E1, #CFB891, #9A7D59, #7E4A16, #312C1C)
- Washed Lagoon color palette (#E2FDF0, #7EB4A7, #767549, #644E25, #244342)
- Washed Bronze Hollow color palette (#FCF5E2, #C6EAAE, #A4A070, #8D6024, #283800)
- Moss Lagoon color palette (#EEE7D4, #7E903C, #5D5700, #3F2E00, #100F00)
- Timeworn Chestnut Lantern color palette (#F2DBCC, #BC8D67, #905233, #5C302A, #221504)
- Airy Violet Lantern color palette (#FFECF3, #9371CC, #8F7109, #315E35, #27121C)
- Worn Bronze Veranda color palette (#FDE4D4, #A15F18, #6F2D00, #480101, #0A0400)
- Plum Parlor color palette (#F9E2FF, #E396C6, #AF5C7C, #73292C, #450C00)
Browse the whole catalog at Explore, or see today's palette.