Tempered Pier color palette — #FAF0E1 · #68BAC6 · #487DAD · #724244 · #1D3127
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#FAF0E1): A whisper-light, dusty gold — the color of old brass.
- Cyan (#68BAC6): A luminous, balanced blue — the color of deep harbor water.
- Slate (#487DAD): A full-bodied, balanced blue — the color of deep harbor water.
- Coffee (#724244): A full-bodied, dusty red — the color of embers at dusk.
- Deep Forest (#1D3127): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged 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
- Teal Harbor color palette (#F8F1E5, #78BD98, #26878C, #674463, #26301F)
- Ancient Turquoise color palette (#EAF5EE, #40ACC3, #7765A1, #72383A, #312604)
- Weathered Teal Veranda color palette (#FFF0F8, #3CBDB7, #6076A9, #704D61, #384B55)
- Aqua Thicket color palette (#E8FBEB, #6ACFDE, #6797C5, #915F60, #364B57)
- Gentle Ultramarine color palette (#FFF0D8, #009ED1, #3749DC, #6D2100, #001E35)
- Cerulean Terrace color palette (#E2F2EA, #008FBC, #453545, #14221C, #090E0A)
- Dusty Lagoon color palette (#F4F2EA, #C6C6A0, #658E6E, #576751, #31322B)
- Gentle Byzantium Parlor color palette (#FBF0E0, #8696E3, #8750A1, #5B4200, #301B27)
Browse the whole catalog at Explore, or see today's palette.