Tempered Pier color palette — #F5EFD2 · #89963C · #8E64AA · #535D00 · #432656
A conversation between Moss and Slate, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5EFD2): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#89963C): A luminous, balanced green — the color of fresh herbs.
- Slate (#8E64AA): A full-bodied, balanced violet — the color of wild irises.
- Olive (#535D00): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Purple (#432656): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Violet Study color palette (#EAF3D8, #51A073, #9C5DA0, #00683D, #48274A)
- Faded Amber color palette (#F9EDD9, #AD881A, #5F72C2, #6C5300, #28325B)
- Pale Raspberry Market color palette (#DBEBCC, #009B7A, #B51EA8, #005D48, #51004B)
- Hazy Rust Studio color palette (#D9EFE7, #8B9A4A, #C74E55, #505C00, #3C0009)
- Washed Aubergine color palette (#EBE9CC, #648A1D, #721F7E, #2C4100, #2F0036)
- Hushed Fuchsia color palette (#D9F6EA, #D1DD6B, #DA8CFB, #7C8600, #432A4D)
- Chalky Nightshade color palette (#EBE6C5, #84972E, #6045A5, #794378, #332B01)
- Weathered Chestnut Summit color palette (#F9E3D4, #B0906D, #8F5131, #653333, #33302A)
Browse the whole catalog at Explore, or see today's palette.