Tempered Pier color palette — #DDE4F0 · #B2ACBB · #A190A8 · #4E6BC3 · #0B1423

Sapphire takes the lead with Heather close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#DDE4F0): bright and airy, almost weightless.
• Ash (#B2ACBB): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#A190A8): A luminous, dusty pink — the color of a candy shop window.
• Sapphire (#4E6BC3): A full-bodied, balanced violet — the color of wild irises.
• Ink (#0B1423): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, 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

• Ancient Dune color palette (#E0EEF6, #AAAFC5, #9694B6, #007E9A, #011621)
• Byzantium Loft color palette (#DEDDE9, #BDA9B9, #A88E9C, #9351AB, #141024)
• Patina Navy Orchard color palette (#F0E5ED, #AF98A4, #87719B, #192B7B, #0A0108)
• Weathered Lilac Corridor color palette (#EFEDF8, #DDCED8, #CDB0BD, #B37ABA, #2E2B3D)
• Faded Chapel color palette (#E4E5FC, #AC85C4, #A26787, #5F5400, #092300)
• Chalky Pine color palette (#CFF0E1, #82A45E, #338344, #21588C, #091300)
• Pale Magenta Veranda color palette (#E7EDFF, #78B9FF, #9F8BFF, #D331D9, #130028)
• Dusty Loft color palette (#DAE2F7, #736CE9, #B41754, #544100, #000A07)

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