Ultramarine Study color palette — #D7E8E8 · #70A3D4 · #0053AD · #003A53 · #0D1C42

Built around Cobalt, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Frost (#D7E8E8): bright and airy, almost weightless.
• Cornflower (#70A3D4): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0053AD): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#0D1C42): 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 Study 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 Lantern color palette (#F9E2E9, #65A2D8, #304BB6, #003840, #0D002A)
• Turquoise Coast color palette (#D0E5E2, #52ACC6, #00607D, #003D43, #002334)
• Muted Sapphire Boulevard color palette (#F3E7DA, #75B8F1, #486BD9, #005862, #1F1641)
• Wandering Lagoon color palette (#DCEBEB, #5286AD, #003D6F, #00202D, #00081F)
• Softworn Aqua color palette (#E8FAF7, #5AC7E8, #00789E, #00545D, #003752)
• Linen Iris color palette (#FBEBEF, #9FC5E5, #7A8BDE, #007C7F, #2A0948)
• Hushed Cerulean Pier color palette (#EEF7F5, #BFE3EF, #009CAB, #007268, #2A4D5C)
• Faded Market color palette (#F5E3FD, #BA2E67, #1332EC, #6C0035, #03114D)

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