Tempered Pier color palette — #BDE9F3 · #00837C · #70009C · #3E2700 · #140D00

A conversation between Plum and Teal, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#BDE9F3): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00837C): A full-bodied, balanced teal — the color of sea glass.
• Plum (#70009C): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#3E2700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Energy, Balance. Tagged 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

• Hushed Aubergine color palette (#B5ECF3, #00856F, #691999, #58001C, #1D0700)
• Pale Hollow color palette (#C8E6F5, #007F94, #870064, #2D2F00, #061200)
• Aubergine Corridor color palette (#D8EAFF, #006CCF, #6703A7, #5F0038, #411300)
• Lapis Lantern color palette (#DBFFEC, #00AAD3, #4A52E5, #680070, #001712)
• Nightshade Basin color palette (#C2EAE2, #3C8600, #003DB4, #590007, #1D0700)
• Ancient Amethyst Coast color palette (#E1EDD2, #00A577, #7329F1, #6E3700, #072D00)
• Washed Meadow color palette (#D7EEEB, #44A1CE, #62639A, #544100, #272000)
• Worn Cobalt color palette (#E3EFFC, #357ECA, #912D2F, #2C3A00, #101700)

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