Tempered Pier color palette — #F6EECF · #98BC84 · #2DB480 · #886100 · #0E1200
A conversation between Jade and Ochre, giving this palette its sense of nature and growth.
The five colors
- Custard (#F6EECF): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#98BC84): A luminous, balanced green — the color of fresh herbs.
- Jade (#2DB480): A luminous, balanced teal — the color of glacier melt.
- Ochre (#886100): A full-bodied, balanced gold — the color of old brass.
- Ink (#0E1200): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.
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 Hollow color palette (#EEDBC6, #BBAC59, #6EAC46, #AC5000, #140C00)
- Softworn Grove color palette (#F3E5C9, #89B372, #009897, #743900, #0D1200)
- Cerulean Boulevard color palette (#D6EBD2, #5BB6B4, #229BC5, #646E00, #001105)
- Washed Teal Coast color palette (#DAF9E4, #95C58E, #00A8A4, #6B2300, #010100)
- Olive Chapel color palette (#E6DECC, #818738, #6F5F00, #543A00, #020400)
- Worn Moss Dune color palette (#E7EDCF, #88DEC5, #00C7DD, #649300, #002C1F)
- Gentle Balcony color palette (#E7ECDE, #00A561, #007181, #00693C, #000203)
- Soft Moss Thicket color palette (#C5EAD7, #6D9B22, #007951, #402C00, #020400)
Browse the whole catalog at Explore, or see today's palette.