Tempered Pier color palette — #FFF1F6 · #59C3FF · #2E5DE9 · #005652 · #372364

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#59C3FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2E5DE9): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#372364): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Petrol Hollow color palette (#F6EBF1, #76BDD6, #246AAD, #005142, #272951)
• Aged Cobalt color palette (#FCF2F9, #90DCED, #2087C5, #00694C, #313D67)
• Timeworn Nightshade color palette (#FAE5EC, #67A5D7, #3F4CA7, #003E3F, #26153A)
• Pale Summit color palette (#E3FBFA, #95D3FF, #0090F1, #006D8D, #00306C)
• Patina Periwinkle color palette (#FFF3E8, #B5E0FF, #7AAAFF, #0096A0, #2E246D)
• Soft Cerulean Dune color palette (#F6E7F3, #00A2B3, #005073, #00321E, #020D3B)
• Patina Pewter color palette (#F9F3FA, #D2D7F0, #74A0B8, #587858, #455465)
• Feathered Grape color palette (#D4F0BA, #70A723, #752CD0, #385A00, #361A60)

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