Ultramarine Canyon color palette — #E9EFFB · #B1BC77 · #4E59B1 · #2C3256 · #101623

Cobalt takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E9EFFB): bright and airy, almost weightless.
• Sage (#B1BC77): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#4E59B1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#2C3256): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#101623): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Wandering Hollow color palette (#F2F5FF, #A5D2A6, #7266AA, #423B64, #1E212D)
• Quiet Orchard color palette (#E3F0FE, #EE9D7F, #0165B2, #11375C, #0E1720)
• Oat Pier color palette (#FFF0F9, #C9D992, #585D97, #212349, #0B0107)
• Hushed Lagoon color palette (#F9EAF2, #C29316, #3E3974, #331628, #1B090B)
• Airy Veranda color palette (#E1E2FF, #00C896, #7C18BB, #3F0E61, #0E0D20)
• Weathered Iris Field color palette (#E9EEFF, #FFB0B0, #887CC3, #4C5476, #111427)
• Softworn Plum color palette (#F8F2FF, #8ACF84, #A7357F, #5F1E47, #20152A)
• Ultramarine Courtyard color palette (#F0F5FF, #9CB1F6, #D37825, #4054BC, #24121A)

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