Tempered Pier color palette — #F9E5A7 · #98C073 · #00986F · #006568 · #003249
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Peach Cream (#F9E5A7): A whisper-light, balanced green — the color of new leaves after rain.
- Mint Leaf (#98C073): A luminous, balanced green — the color of new leaves after rain.
- Fern (#00986F): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#006568): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#003249): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.
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
- Jade Terrace color palette (#F3FDB5, #A3D796, #37A884, #006163, #002934)
- Moss Villa color palette (#FFD5B4, #C4B662, #529500, #00664F, #003538)
- Navy Quarry color palette (#CEEFAF, #6CCBA6, #009A96, #005F80, #0F2679)
- Tempered Lagoon Station color palette (#DAE6C6, #009769, #006061, #00334A, #020036)
- Antique Terrace color palette (#AFF2BD, #86D5AD, #3DB392, #00877B, #003735)
- Pale Moss Garden color palette (#E4E3C8, #53A73D, #007965, #00444F, #001935)
- Quiet Atelier color palette (#F8E8FC, #97AD49, #00898A, #83365B, #0D3835)
- Washed Lagoon color palette (#D8ECEC, #009867, #004952, #0A2727, #070F0D)
Browse the whole catalog at Explore, or see today's palette.