Ultramarine Coast color palette — #DFE9F6 · #538FDF · #0063BA · #003271 · #000108

Cobalt and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFE9F6): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#538FDF): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0063BA): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003271): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.

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

• Timeworn Boulevard color palette (#CDE2FE, #4376C9, #004295, #001737, #000207)
• Cerulean Lantern color palette (#C9E3EC, #0099C5, #006E92, #003D4C, #000203)
• Quiet Nightshade Balcony color palette (#E7EAFF, #7887E3, #4747DC, #1E00AC, #01000E)
• Olive Villa color palette (#D7ECD5, #8A8200, #0081B5, #001B2A, #000205)
• Powdered Bloom color palette (#ECDEF8, #9C7AD3, #7A3DC9, #4B0073, #040008)
• Quiet Ultramarine Alley color palette (#DFE0FF, #AFB3FF, #7786FF, #3F4DCC, #15004C)
• Patina Indigo color palette (#F5F3FF, #D6C7FF, #9D9CF6, #6E60D0, #1E114D)
• Pale Lapis Summit color palette (#E4EBFB, #7982D1, #A73C00, #4709ED, #050100)

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