Tempered Pier color palette — #F6EAF2 · #438E8B · #004450 · #002411 · #000B14

Storm Blue takes the lead with Deep Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F6EAF2): a clean, paper-quiet neutral.
• Storm Blue (#438E8B): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#004450): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#002411): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Lagoon Market color palette (#EBDAE6, #489FA2, #005265, #00321F, #001626)
• Washed Navy color palette (#F4E6EB, #4A89A8, #003B76, #002223, #05002C)
• Timeworn Teal color palette (#DEEAD8, #47AF93, #007C93, #3B3800, #001207)
• Softworn Forest Courtyard color palette (#EFE4DE, #49B4AF, #008396, #006135, #000B13)
• Dusty Pine color palette (#E0F2E4, #007D44, #003319, #151F26, #000C01)
• Sunlit Denim color palette (#FCE8F0, #7DA4C1, #0354AB, #003E40, #181748)
• Shadow Aubergine Garden color palette (#D5F0EC, #1C7226, #3F007B, #002904, #09001B)
• Antique Meadow color palette (#F5EBF2, #8DB8CC, #00719D, #005144, #0F2D55)

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