Ultramarine Courtyard color palette — #D2E7EE · #2ABEF8 · #0090E4 · #0061C4 · #20347B
Built around Cobalt, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Frost (#D2E7EE): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#2ABEF8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#0090E4): A luminous, vivid blue — the color of deep harbor water.
- Cobalt (#0061C4): A full-bodied, vivid blue — the color of deep harbor water.
- Navy (#20347B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Ultramarine Courtyard 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
- Pale Lantern color palette (#D1F0F0, #00CDE8, #0091BC, #00689A, #00467A)
- Powdered Ultramarine Basin color palette (#CBE7FD, #76ACF0, #5280E6, #494CC2, #3C2F5E)
- Gentle Dune color palette (#E6F9FF, #84D9FF, #0597F0, #1568C0, #2A3568)
- Nightshade Coast color palette (#CDE7E5, #00B3DB, #0079B9, #1341AE, #3E2F64)
- Muted Ultramarine color palette (#F0F5FF, #9BBFFF, #4E85F8, #1941CE, #001F6A)
- Hazy Periwinkle color palette (#6BF8F8, #39D7FD, #32ABFE, #5A6DD5, #49346B)
- Lapis Ridge color palette (#D5E5F6, #608AEB, #4B47E5, #4C00AD, #2C054F)
- Worn Cerulean Bloom color palette (#EEF6FF, #E2D5EB, #ECB9FE, #0091C9, #344268)
Browse the whole catalog at Explore, or see today's palette.