Cobalt Courtyard color palette — #EEF1FF · #ABB9FF · #6472BC · #333C6D · #0D1130

A conversation between Slate and Lavender, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#EEF1FF): bright and airy, almost weightless.
• Lavender (#ABB9FF): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6472BC): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#333C6D): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#0D1130): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.

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

• Misty Mallow Bloom color palette (#FFECF2, #D6AAFD, #8561A9, #503668, #1B082C)
• Frosted Hollow color palette (#F1F5FF, #9FB0E7, #5D69AD, #313D77, #36224E)
• Iris Terrace color palette (#FFF0FB, #B9CBFF, #8490D9, #525894, #1D2651)
• Dusty Delta color palette (#D2FEE8, #61CEF4, #168AAC, #004B60, #001B26)
• Mallow Veranda color palette (#FFEBF9, #EFCDCE, #D0B9EC, #7186AB, #3B2A35)
• Mulberry Market color palette (#F9EFF0, #D79BDA, #A45978, #844C88, #1B0807)
• Shadow Study color palette (#E1E1F6, #6E42EB, #3A009D, #100037, #010009)
• Orchid Loft color palette (#FFECF0, #AA69B7, #AA5D3F, #1D5879, #291218)

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