Ultramarine Field color palette — #F7F2FF · #E27EC3 · #00A2C6 · #0063C9 · #2E0C25

A conversation between Cobalt and Bubblegum, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Bubblegum (#E27EC3): A luminous, balanced pink — the color of neon signs at night.
• Cerulean (#00A2C6): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0063C9): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Indigo (#2E0C25): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Fuchsia Boulevard color palette (#F5F3FF, #D87AED, #00A5AF, #006FA0, #27102D)
• Linen Workshop color palette (#FBF1FF, #FA6A98, #0085C3, #5220D8, #1A021A)
• Worn Market color palette (#FFF0FB, #E59D91, #8D99D9, #845FA5, #321C2E)
• Orchid Loft color palette (#FBF1FF, #FFABC2, #00A2C3, #AD61D7, #451C29)
• Byzantium Quarry color palette (#FFF0FC, #FF7565, #7789E9, #8D28C7, #370805)
• Hazy Study color palette (#DEFCFA, #60B374, #0097C6, #3059B4, #001A19)
• Bronze Archive color palette (#FFEEE1, #BA6000, #00759C, #00506C, #220E00)
• Aubergine Harbor color palette (#FFF0F8, #EA6200, #8160E8, #84009C, #1B0500)

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