Ultramarine Pier color palette — #FBE8F7 · #6C89DB · #A36B00 · #2F4BB2 · #4B2F00

Cobalt takes the lead with Lavender Blue close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#FBE8F7): A whisper-light, dusty pink — the color of peonies in June.
• Lavender Blue (#6C89DB): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#A36B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cobalt (#2F4BB2): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#4B2F00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Cornflower Courtyard color palette (#DCEAFF, #4F8DFB, #A56F00, #26519E, #291800)
• Patina Chapel color palette (#FCE8F2, #8D80CE, #7D8913, #5430A8, #343A01)
• Patina Veranda color palette (#FBE8F4, #8184D3, #D33342, #4A45AA, #562324)
• Amber Lantern color palette (#FFF1F5, #B18DD7, #B57D00, #765299, #553E16)
• Wandering Bronze color palette (#DDF6E7, #009DBE, #B26100, #006176, #522A00)
• Amber Study color palette (#FCE7FA, #91BAFF, #BF8A00, #345FAE, #473100)
• Cobalt Balcony color palette (#C6EFE3, #007ECE, #6F7200, #2E632B, #00342A)
• Sapphire Parlor color palette (#EADEE9, #265FE5, #655A00, #001FA0, #1F1B00)

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