Tempered Pier color palette — #DBE4F1 · #BC8E00 · #2350B3 · #0E2455 · #000108

Built around Cobalt, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Frost (#DBE4F1): A whisper-light, dusty blue — the color of open sky before noon.
• Mustard (#BC8E00): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#2350B3): A full-bodied, vivid violet — the color of wild irises.
• Midnight (#0E2455): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Amber Alley color palette (#D3EBFB, #BC8E00, #006182, #002D3F, #000204)
• Quiet Aubergine Orchard color palette (#EAEAFF, #BC8E00, #723B92, #37164A, #02000A)
• Chalky Navy Hollow color palette (#DEEAFF, #AC7800, #172D81, #02043B, #000109)
• Faded Indigo Dune color palette (#D8E5FF, #EFB403, #6171E3, #3C478A, #040D27)
• Mustard Ridge color palette (#DDDAF5, #E3B030, #9660A7, #593B62, #0B0818)
• Antique Indigo Orchard color palette (#DEE1F1, #BEA9C2, #AB8DA4, #7B5FB0, #111222)
• Airy Loft color palette (#D2DEFF, #4B67FF, #9F5E00, #525B00, #01011B)
• Dusty Honey Atelier color palette (#F4F4FF, #FFC531, #A179C7, #66517A, #19182B)

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