Tempered Pier color palette — #F8F0EC · #CAE2E0 · #75A899 · #3E776F · #442D41
Built around Teal, softened by Eucalyptus — the whole palette hums with sophistication.
The five colors
- Cream (#F8F0EC): a clean, paper-quiet neutral.
- Silver (#CAE2E0): A whisper-light, dusty teal — the color of sea glass.
- Eucalyptus (#75A899): A luminous, dusty teal — the color of sea glass.
- Teal (#3E776F): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#442D41): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Sophistication. Tagged coastal, cool, light, 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
- Cypress Ridge color palette (#FAF0E9, #C4E6D5, #6B91B7, #1E6B68, #3B2336)
- Olive Workshop color palette (#F8F0EC, #CAE4DB, #81A78E, #627330, #1C3E32)
- Weathered Petrol color palette (#E7F6EF, #78BEDE, #CC8877, #197CA1, #362F2C)
- Weathered Cerulean Orchard color palette (#E5FAD9, #74C9CB, #3292AB, #255D80, #442F45)
- Patina Study color palette (#F3E2D9, #6AA7B7, #005F8A, #003A32, #000823)
- Cerulean Alley color palette (#EEF7F6, #D7DDE9, #B7C6ED, #5E9EA7, #3A5061)
- Timeworn Field color palette (#E4F7EE, #F3D6D1, #DEB79E, #829A7D, #2E403A)
- Petrol Study color palette (#F2E6E0, #A0BC9F, #00788D, #004E2E, #001827)
Browse the whole catalog at Explore, or see today's palette.