Cobalt Courtyard color palette — #ECF2FF · #B5BAF3 · #7974B4 · #3F3771 · #140A33

Slate takes the lead with Navy close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Lavender (#B5BAF3): A luminous, balanced violet — the color of wild irises.
• Slate (#7974B4): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3F3771): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#140A33): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. Tagged monochrome, muted.

Use it as a design system

One click turns Cobalt 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

• Aubergine Corridor color palette (#F1F5FF, #ACAFE0, #6B6AAF, #44328A, #2C2453)
• Ancient Thicket color palette (#F1F0FF, #E6C2EE, #9F7AA7, #573D68, #2D142F)
• Timeworn Cobalt color palette (#E6F4FF, #85C1E5, #3A80AE, #004868, #001625)
• Feathered Lapis color palette (#FFF0F8, #C8C5FD, #858AD1, #5E50AB, #242556)
• Dusty Bronze color palette (#F0F1FC, #C0A4E8, #9A6B00, #725399, #061107)
• Shell Ridge color palette (#EBF2FF, #DED5E1, #ECB6C2, #4F8093, #262E47)
• Cellar Aubergine Parlor color palette (#EDE9FF, #7C4DBB, #4C0086, #150037, #020008)
• Stone Atelier color palette (#EEF1FF, #8EC1A1, #554E78, #1F2444, #0A0C16)

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