Ultramarine Pier color palette — #EFF6FF · #3A52C4 · #514A00 · #073F1D · #032328

Cobalt and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cobalt (#3A52C4): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#514A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#073F1D): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#032328): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, 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

• Powdered Grape color palette (#F3F4FF, #7D3BAA, #5F4100, #273A0F, #082532)
• Softworn Loft color palette (#EBF7FF, #006E88, #6B3B00, #004228, #002121)
• Ultramarine Loft color palette (#EFF6FF, #005EC5, #89212C, #532800, #002227)
• Wandering Courtyard color palette (#CEF9F0, #7675E9, #863972, #094D28, #2D2E45)
• Worn Denim Chapel color palette (#F2F5FD, #E1D5E4, #B8AFC3, #5F5C94, #373A43)
• Plum Coast color palette (#F3EFFF, #95478F, #80336B, #343800, #020618)
• Obsidian Pier color palette (#D6DDFC, #4E00AB, #352700, #121902, #000709)
• Antique Driftwood color palette (#F9F2FF, #B26B95, #69682C, #245C56, #2C3440)

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