Tempered Pier color palette — #F7DFF3 · #5584FF · #E03A00 · #1F48EA · #230300

Cobalt takes the lead with Poppy close behind in a set that reads as creativity and energy at first glance.

The five colors

• Blush (#F7DFF3): A whisper-light, dusty pink — the color of neon signs at night.
• Periwinkle (#5584FF): A luminous, vivid violet — the color of twilight just after sunset.
• Poppy (#E03A00): A full-bodied, vivid orange — the color of toasted spice.
• Cobalt (#1F48EA): A full-bodied, vivid violet — the color of wild irises.
• Ink (#230300): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Gentle Lapis color palette (#F9E0F2, #6C7EFD, #AB7200, #442AFE, #180D00)
• Powdered Bronze color palette (#DBEDE5, #009ACB, #BF6400, #006C8F, #1D0A00)
• Indigo Terrace color palette (#FBD9F2, #9CB0FF, #FF9237, #586CF3, #492200)
• Wandering Plum color palette (#DCEDFF, #0080DF, #B60079, #003D6F, #040002)
• Soft Ultramarine Meadow color palette (#F5E1EF, #8296FF, #748C02, #351DD6, #0D1200)
• Hushed Studio color palette (#CCE8FF, #2C9AE2, #6D6A00, #914B00, #000813)
• Scarlet Meadow color palette (#D9EADB, #00A0A8, #EE002A, #007076, #260002)
• Aged Denim color palette (#D8E5F2, #005DA2, #6A3D00, #002B4F, #060200)

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