Cobalt Courtyard color palette — #F0F5FF · #9EB4F3 · #556DC1 · #393A7E · #25294D
A conversation between Cornflower Indigo and Indigo, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Sky (#9EB4F3): A luminous, balanced violet — the color of a velvet chair.
- Cornflower Indigo (#556DC1): A full-bodied, balanced violet — the color of a velvet chair.
- Indigo (#393A7E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Midnight (#25294D): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Hazy Cobalt color palette (#ECF7FF, #7AC1F1, #0D7ABC, #00496F, #002F4A)
- Hazy Violet Lagoon color palette (#F4F4FF, #C6AAE8, #905BB0, #513675, #342248)
- Iris Atelier color palette (#F2F5FF, #B8C3FF, #818DD8, #51588C, #252A4F)
- Airy Rust color palette (#F4F4FB, #BBA0DF, #BA4029, #6F4A9A, #2E1E2A)
- Aged Alley color palette (#EFF6FF, #E1D9E2, #F1ADE0, #408196, #454C61)
- Nightshade Parlor color palette (#F3F5FD, #91BC88, #56418C, #30264C, #201927)
- Lowlit Aubergine color palette (#E0DEFA, #6457D1, #3B009A, #12003D, #020011)
- Dusty Courtyard color palette (#D6E6CA, #FFB156, #ACA4FF, #41374F, #242832)
Browse the whole catalog at Explore, or see today's palette.