Tempered Pier color palette — #DFFBFF · #63DAFF · #00AAE8 · #006CB6 · #173261
Cyan takes the lead with Royal Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#DFFBFF): A whisper-light, dusty blue — the color of deep harbor water.
- Ice Blue (#63DAFF): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#00AAE8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#006CB6): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#173261): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Feathered Corridor color palette (#D5FFFB, #00E9F7, #00A6C6, #006585, #003D5F)
- Hushed Ultramarine color palette (#E9F8FF, #A0D7FF, #2C9AFC, #3B59D0, #2F3367)
- Antique Pier color palette (#D9F4F2, #18D6F5, #1EADF8, #587CD6, #3C3D75)
- Frosted Navy color palette (#D2F3FF, #27BCFF, #0080CF, #00419E, #0D1543)
- Navy Market color palette (#D6ECEC, #00AAC4, #00739C, #00458E, #131D5E)
- Powdered Marigold color palette (#E1FDF3, #90CFFF, #F3980E, #0084C7, #442700)
- Dusty Cerulean color palette (#D8FFF4, #E4DBE2, #C4B0AA, #25A1C3, #24385B)
- Iris Chapel color palette (#FEF0FF, #C6D7FF, #9090FA, #6D5AA1, #522F3C)
Browse the whole catalog at Explore, or see today's palette.