Ultramarine Pier color palette — #D8EBCF · #324EE7 · #630967 · #112C00 · #170C36

Built around Cobalt, softened by Royal Purple — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D8EBCF): A whisper-light, dusty green — the color of a quiet forest floor.
• Cobalt (#324EE7): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#630967): A deep, shadowed, balanced pink — the color of peonies in June.
• Deep Forest (#112C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#170C36): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged retro, vibrant.

Use it as a design system

One click turns Ultramarine 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

• Aubergine Canyon color palette (#E2E7D0, #0067B5, #55127C, #222800, #0C1234)
• Midnight Grape Thicket color palette (#E1EFD6, #5B24CE, #59003E, #001F13, #150022)
• Washed Cobalt Ridge color palette (#DEF8E1, #0088CC, #773A89, #004519, #09103A)
• Softworn Byzantium Orchard color palette (#E1E8C8, #9026BE, #75002A, #002B2A, #270722)
• Patina Lapis color palette (#F4DFEC, #4C06EA, #592500, #112500, #00110D)
• Byzantium Meadow color palette (#D8EEBA, #993CFF, #960052, #004334, #3A1940)
• Aubergine Corridor color palette (#F6D9E4, #5E009C, #1F160D, #1F0217, #0A0003)
• Moonless Pier color palette (#DDE2CC, #760087, #4A000D, #001111, #0B0006)

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