Tempered Pier color palette — #EAF5F1 · #C8DADE · #A3BDBD · #5B6D26 · #13251F
A conversation between Olive and Ash, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF5F1): a clean, paper-quiet neutral.
- Silver (#C8DADE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#A3BDBD): A luminous, dusty teal — the color of sea glass.
- Olive (#5B6D26): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#13251F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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
- Wandering Olive Meadow color palette (#F7F5EF, #D2DCD4, #A7B9A5, #636A00, #3C3B34)
- Weathered Cypress color palette (#EAF4F7, #CED8E9, #A9C3D8, #007A7E, #13282F)
- Aged Pine Coast color palette (#E3F8EC, #96A872, #41723C, #4C481E, #01221B)
- Washed Moss color palette (#EFF7F4, #D1DEE3, #B0B3C2, #879148, #22332C)
- Cypress Basin color palette (#CDEAE5, #8BB1B2, #447D80, #4C486C, #2C1F34)
- Hushed Bloom color palette (#E2EBEE, #C0CED7, #96A5B6, #00606D, #0A181E)
- Timeworn Villa color palette (#D9E6E3, #A0B9B7, #759497, #2B4F00, #000E0B)
- Charred Archive color palette (#D1EEEB, #007936, #002B2F, #00100F, #000302)
Browse the whole catalog at Explore, or see today's palette.