Misty Ultramarine color palette — #FAF1FF · #FA80AF · #927E00 · #003DC4 · #430022

Cobalt takes the lead with Bubblegum close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#FA80AF): A luminous, balanced rose — the color of pressed rose petals.
• Olive Leaf (#927E00): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#003DC4): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#430022): A deep, shadowed, balanced rose — the color of pressed rose petals.

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

Use it as a design system

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

• Gentle Blush Hollow color palette (#F8F2FF, #EB88C4, #A57400, #00548B, #40002E)
• Ultramarine Canyon color palette (#F3F4FF, #C990FF, #997A00, #0037CD, #310050)
• Linen Ultramarine Corridor color palette (#FFF0F7, #FF8B35, #957C00, #2C24D8, #381700)
• Gentle Navy Pier color palette (#FBF1FF, #D26C8E, #676800, #192195, #20000C)
• Tempered Aubergine color palette (#FFF0FB, #FF876B, #499506, #7300A3, #430900)
• Hushed Rust Cabin color palette (#F6F3FF, #E188E2, #D44906, #005C67, #3B003E)
• Clover Hollow color palette (#FFF2EA, #FF9960, #13B82D, #007DB7, #510D48)
• Ember Hollow color palette (#FFECF5, #CD5D00, #006F20, #003C60, #300024)

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