Ultramarine Harbor color palette — #FFF1F0 · #E66AA6 · #5F8600 · #0040CF · #4E0A55

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bubblegum (#E66AA6): A luminous, vivid rose — the color of strawberry cream.
• Olive Leaf (#5F8600): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#0040CF): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#4E0A55): A deep, shadowed, balanced pink — the color of peonies in June.

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

Use it as a design system

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

• Hazy Ultramarine Alley color palette (#FFF2EE, #E97079, #268F23, #273FC7, #5F0021)
• Gentle Lagoon color palette (#F2DBD9, #CE558C, #5E6B00, #00476D, #3F0023)
• Muted Studio color palette (#FFF1F2, #DA6CC7, #9A6F00, #006168, #510058)
• Antique Aubergine Corridor color palette (#FFF2EA, #DC8F6D, #00967A, #6C4A95, #572240)
• Airy Apricot color palette (#FFF0FA, #FF8768, #00937A, #005974, #250E52)
• Weathered Lilac Garden color palette (#FFF1F6, #AF7EF2, #A76700, #006262, #29216D)
• Nightshade Thicket color palette (#F7E2D9, #C73D37, #226300, #0A009F, #2A0001)
• Antique Garden color palette (#FFE5F3, #EAB3AC, #AF9161, #3B75A8, #544178)

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