Ultramarine Coast color palette — #EFE3E7 · #5B99C5 · #3147BF · #003B3B · #0E0023

Cobalt takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#EFE3E7): bright and airy, almost weightless.
• Slate Blue (#5B99C5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#3147BF): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#003B3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0E0023): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Lapis Pier color palette (#DAE4D9, #65A9DE, #414DE2, #004A4B, #1D0038)
• Washed Lantern color palette (#E8DFE5, #4EA0B1, #005E8F, #003D2B, #03012C)
• Worn Station color palette (#F2E6DA, #6FA9D2, #27509E, #002B2E, #010009)
• Hazy Navy color palette (#ECE3D4, #3F87B8, #003A7A, #002129, #03012C)
• Hazy Cabin color palette (#D9EEED, #76A6CB, #0076CC, #005975, #00081F)
• Frosted Cobalt color palette (#F5E7EF, #7CBCD4, #0B74D3, #005B4C, #1B1940)
• Softworn Aubergine color palette (#D3F8F0, #4B8C1F, #5600B3, #1D4300, #08001C)
• Tempered Corridor color palette (#F4EBF2, #8ED2D6, #0093C1, #05703B, #192E4D)

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