Tempered Pier color palette — #FAF3F5 · #D7DCF8 · #8CA5D6 · #008B97 · #454367

Cerulean takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Powder Blue (#D7DCF8): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8CA5D6): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#008B97): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#454367): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Antique Lagoon color palette (#FBF2F8, #CCE1F5, #51B4CC, #3D8C63, #2E4B62)
• Tempered Cerulean Basin color palette (#F4F7ED, #BCE7D9, #5E8EC1, #246B87, #544054)
• Hushed Lagoon color palette (#F0E6EE, #76BECC, #007FAD, #005B4A, #001E43)
• Dusty Denim Market color palette (#EEE0E7, #6F98B1, #005B98, #003C39, #02002E)
• Softworn Cerulean color palette (#FFF0FB, #92D9E0, #009AC5, #007558, #00355C)
• Dusty Station color palette (#F8EAEE, #A2C9ED, #6781D4, #006A78, #2F2259)
• Bronze Basin color palette (#FFF1F6, #DEAC80, #6EA7F1, #B96900, #22436D)
• Timeworn Cornflower color palette (#E4FCEA, #C0A14E, #3FA7C2, #6B7BE3, #1F402A)

Browse the whole catalog at Explore, or see today's palette.