Tempered Pier color palette — #FFF2ED · #62E1E7 · #009AC8 · #00773C · #02306A

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#62E1E7): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009AC8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00773C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#02306A): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Hushed Azure Terrace color palette (#FDF3EF, #A6E1E1, #33A3C8, #3F7B4B, #4A2F4C)
• Muted Cornflower color palette (#FFF2E9, #83D7FE, #3389FE, #007467, #31236C)
• Turquoise Archive color palette (#FFF0FB, #BFFBFF, #00AAD3, #007655, #002742)
• Patina Cobalt color palette (#F6E5DD, #76BFCA, #007EB1, #005C3B, #081A4B)
• Turquoise Loft color palette (#F6F7E1, #7DEEF7, #00BFD8, #009891, #003947)
• Hushed Jade Basin color palette (#D4F0D4, #00B994, #008D90, #00607B, #003564)
• Powdered Aqua color palette (#CCF3FF, #00C5E7, #00869D, #004C5F, #00202A)
• Bronze Drift color palette (#C2EAE6, #00A199, #C06400, #7F6600, #002B28)

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