Ultramarine Pier color palette — #F2E0ED · #CB9E32 · #3F56D7 · #223076 · #070006

A conversation between Cobalt and Gold, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#F2E0ED): A whisper-light, dusty pink — the color of a candy shop window.
• Gold (#CB9E32): A luminous, balanced gold — the color of old brass.
• Cobalt (#3F56D7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#223076): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#070006): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Grape Hollow color palette (#F4DEE6, #D09C00, #8136CC, #422B5F, #080003)
• Powdered Marigold Dune color palette (#DAEFE7, #D09C00, #006FA1, #003D5B, #000302)
• Sunlit Nightshade color palette (#EDDBEA, #AF8F00, #1C32A7, #060D50, #070006)
• Wandering Byzantium color palette (#F7DCE6, #EFB403, #A13DFA, #602F93, #1C0711)
• Hushed Violet color palette (#EADDE1, #D0BAB3, #C79A85, #926ABE, #291A20)
• Raspberry Delta color palette (#EDD8D8, #E1B03B, #C03F8D, #673551, #160606)
• Hazy Aubergine Dune color palette (#F0D8DC, #AA7F00, #77007F, #28002B, #060001)
• Washed Iris color palette (#FFF0F9, #EBD29F, #888CDA, #5C5E8A, #2B1C26)

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