Tempered Pier color palette — #E9FAEF · #B5D1C9 · #7A9594 · #63738F · #594E60
Built around Slate, softened by Oat — the whole palette hums with sophistication.
The five colors
- Ivory (#E9FAEF): A whisper-light, dusty teal — the color of sea glass.
- Oat (#B5D1C9): A whisper-light, dusty teal — the color of shallow lagoons.
- Eucalyptus (#7A9594): A luminous, dusty teal — the color of sea glass.
- Slate (#63738F): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal Brown (#594E60): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Sophistication. Tagged vintage, retro, 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
- Pewter Thicket color palette (#ECF8F5, #A9C8C5, #5D8A8D, #7D5A69, #355451)
- Ash Hollow color palette (#FFEBFA, #B7D8C6, #71A4A3, #6F6880, #3E384A)
- Ancient Terrace color palette (#F1F7F2, #D1DEEC, #6AA4AF, #327E68, #3E5665)
- Dusty Alley color palette (#FFF2EA, #E1D3B8, #ABB598, #997B7F, #5B4749)
- Aged Aubergine Meadow color palette (#D3E5DF, #729D7E, #007271, #523373, #572245)
- Denim Lantern color palette (#E9F2B8, #89BBB6, #378E81, #614F98, #5E375B)
- Softworn Pine color palette (#DDFEEE, #AFBF8F, #6B9355, #34783E, #2E5B5B)
- Softworn Delta color palette (#E1FCF8, #74A679, #7288BF, #A56059, #2D4846)
Browse the whole catalog at Explore, or see today's palette.