Ultramarine Alley color palette — #F4ECE4 · #72A9D2 · #0F44C2 · #002B2F · #010009

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

The five colors

• Cream (#F4ECE4): bright and airy, almost weightless.
• Blue Fog (#72A9D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#0F44C2): A full-bodied, vivid violet — the color of wild irises.
• Deep Forest (#002B2F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Tempered Denim color palette (#F1E6DE, #6CACC3, #00598D, #002C28, #00000C)
• Muted Ultramarine Bloom color palette (#F7ECE0, #8DBCE8, #3C56D7, #003C46, #030010)
• Dusty Navy color palette (#E1EEE3, #5386AC, #00397D, #002129, #04002D)
• Cobalt Terrace color palette (#DAF3F2, #66A8D9, #1376CB, #005976, #00071F)
• Nightshade Pier color palette (#D7E0F0, #2C7FE2, #0022B5, #21151B, #00071A)
• Cobalt Workshop color palette (#D5F5EC, #006FB4, #794700, #002D4E, #020100)
• Ancient Alley color palette (#D1F8EB, #ACB6FF, #BF65B4, #004853, #000106)
• Tempered Petrol Balcony color palette (#D9F5F7, #007B97, #004363, #001344, #01000A)

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