Tempered Pier color palette — #FBF4E9 · #92D9E5 · #0087AA · #00524A · #000E1A
Cerulean and Ice Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Ice Blue (#92D9E5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0087AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00524A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000E1A): 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
- Muted Petrol color palette (#F5EDE1, #8ABFDA, #006BAD, #003D43, #00020F)
- Patina Lagoon color palette (#D5F0E9, #00A49F, #00717D, #003E4C, #000C14)
- Weathered Azure Corridor color palette (#FBF4EA, #BBEBEA, #269BDF, #00696E, #001D43)
- Linen Scarlet Quarry color palette (#DAF6E3, #00A3BC, #D04037, #005765, #170000)
- Wandering Plum color palette (#B1ECFF, #0088A5, #B70492, #615500, #000203)
- Muted Powder color palette (#DCFFEB, #CDEAFF, #9FA8F4, #007F7E, #001621)
- Dusty Denim color palette (#EBE4DA, #88AD8F, #005F73, #002C25, #000103)
- Dusty Azure color palette (#EBDAD3, #85CDDB, #009CE2, #008159, #0F1B44)
Browse the whole catalog at Explore, or see today's palette.