Tempered Pier color palette — #D6E7EE · #2E6AD0 · #4F00B4 · #40003C · #090001

Indigo takes the lead with Royal Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D6E7EE): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#2E6AD0): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#4F00B4): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#40003C): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#090001): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Linen Aubergine color palette (#DFEDF8, #5C62CE, #6D0090, #450034, #0E0001)
• Charred Lapis color palette (#E5EEFF, #463DCA, #3C006E, #1A0022, #0A0008)
• Patina Balcony color palette (#CFE9E5, #0080A3, #003E94, #2A0058, #090007)
• Aubergine Balcony color palette (#D9EBCC, #006A9C, #5E007A, #122500, #01001A)
• Navy Parlor color palette (#E7DDE6, #B59DA7, #9F7C7E, #013E95, #100510)
• Weathered Canyon color palette (#FCEBF4, #009AC7, #6A4DFF, #9D004E, #080012)
• Garnet Alley color palette (#D2F4E4, #006180, #6B0F00, #002112, #000201)
• Gentle Plum color palette (#E1E7F4, #A274EE, #A70C96, #74002A, #240D00)

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