Tempered Pier color palette — #FFF1F6 · #A5D0F4 · #6D82EC · #007274 · #3E1F63

Periwinkle takes the lead with Royal Purple 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 (#A5D0F4): A whisper-light, dusty blue — the color of deep harbor water.
• Periwinkle (#6D82EC): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007274): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#3E1F63): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Worn Azure color palette (#FFF0FC, #8BD8EC, #0093E4, #007558, #222A6A)
• Powdered Iris Alley color palette (#FFF3E7, #DDE2F6, #7690FF, #007273, #2E124F)
• Worn Courtyard color palette (#FBF4EA, #7ABFF7, #0064E4, #005365, #242B65)
• Periwinkle Basin color palette (#EAFAED, #B8DFFF, #75ABFF, #0093B1, #252C63)
• Lagoon Balcony color palette (#F9F3F9, #CFDFF2, #64AFD3, #408C5E, #354963)
• Aged Forest color palette (#EBE0ED, #89BBC7, #00829D, #075E11, #00203C)
• Soft Petrol color palette (#F3E6F0, #5FAFC0, #006DA3, #004C35, #060248)
• Linen Rose color palette (#F0DFDD, #FC2D36, #009486, #007588, #4A0106)

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