Misty Ultramarine Pier color palette — #E9F8FF · #008DA3 · #3551AC · #374700 · #003A2F

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

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cerulean (#008DA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#3551AC): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#374700): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#003A2F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

Use it as a design system

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

• Dusty Nightshade Dune color palette (#EDF7FF, #0085C8, #6141A5, #004E1E, #00383C)
• Softworn Aubergine Coast color palette (#CDE5F8, #00719D, #473090, #023907, #002526)
• Muted Drift color palette (#DBF9FA, #009A72, #5743B5, #602300, #001E0D)
• Misty Courtyard color palette (#E9F3FF, #3A77C8, #683A8C, #671538, #00323A)
• Cerulean Balcony color palette (#ECF8F6, #8DDDE7, #008FA4, #006764, #004759)
• Cellar Petrol Pier color palette (#E0EDF6, #00719D, #052C4C, #031A29, #030613)
• Aged Cobalt Coast color palette (#EBF7FF, #3FE2FD, #00B5E7, #0081D9, #003D57)
• Pale Pine color palette (#DFFDF5, #7FB37A, #237C46, #235D4B, #22441F)

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