Tempered Pier color palette — #EAF4F4 · #CBDFF1 · #6491C1 · #006789 · #172C4D
Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EAF4F4): a clean, paper-quiet neutral.
- Powder Blue (#CBDFF1): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6491C1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006789): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#172C4D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Wandering Denim Villa color palette (#D9ECE9, #78A3B6, #006277, #00393A, #000D14)
- Iris Veranda color palette (#E5F5F9, #64B4B0, #8A83C9, #007471, #262048)
- Hushed Cobalt Garden color palette (#F9F4EF, #C3E5DA, #6B89C6, #156F77, #5C3C4F)
- Worn Abyss color palette (#DDEAE9, #498197, #00415C, #001E24, #000104)
- Worn Cerulean Corridor color palette (#E8F5F2, #ADCED8, #008C9A, #005C54, #00252D)
- Patina Cerulean Basin color palette (#FBF2F6, #D9D4DE, #A0BAF3, #0093A1, #3D3A5D)
- Ancient Lagoon color palette (#D5EAE1, #63B9A2, #008D7D, #005753, #003839)
- Muted Market color palette (#DCEDED, #94B7DB, #2E69BF, #004665, #05103C)
Browse the whole catalog at Explore, or see today's palette.