Cobalt Courtyard color palette — #F7E6F8 · #007BD8 · #403C64 · #271529 · #000201
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F7E6F8): A whisper-light, dusty pink — the color of peonies in June.
- Azure (#007BD8): A full-bodied, vivid blue — the color of deep harbor water.
- Navy (#403C64): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Deep Indigo (#271529): A deep, shadowed, dusty pink — the color of neon signs at night.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Tempered Cobalt color palette (#D7E7E0, #0084B4, #313F6B, #012419, #000201)
- Indigo Drift color palette (#FEE3F3, #6E55FF, #54325E, #291622, #030104)
- Inked Balcony color palette (#DCE6F1, #0060B3, #142148, #2A2027, #00091A)
- Frosted Iris Harbor color palette (#F9D6EA, #867BFF, #72447D, #49283D, #0D040E)
- Navy Alley color palette (#CDE3FC, #00447F, #1D161C, #09072C, #000105)
- Wandering Periwinkle Lantern color palette (#EDE0EC, #7BA9FF, #816772, #514550, #121B17)
- Indigo Grove color palette (#D9E9F6, #5890FF, #6B54FA, #683AA7, #2C0538)
- Frosted Magenta Ridge color palette (#EFD8DD, #D965FF, #88556B, #553840, #190D14)
Browse the whole catalog at Explore, or see today's palette.