Cobalt Courtyard color palette — #F1F5FB · #DBD7E0 · #C7B9CA · #5B81BC · #303B4A
Cerulean takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F5FB): a clean, paper-quiet neutral.
- Silver (#DBD7E0): a clean, paper-quiet neutral.
- Stone (#C7B9CA): A luminous, dusty pink — the color of neon signs at night.
- Cerulean (#5B81BC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#303B4A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Quarry color palette (#F9F3F8, #E4D5D6, #C8A9B9, #4F6294, #42373F)
- Washed Abyss color palette (#D1E9FC, #A5B7DE, #9D7FA1, #516F4C, #004F4B)
- Ancient Peony color palette (#F7F3FD, #E6D4DC, #D5B6BB, #BA62A5, #423D4B)
- Indigo Orchard color palette (#E7EBF8, #7F71C6, #423A58, #1B2038, #080E15)
- Tempered Study color palette (#F3F4FF, #E0DBEB, #CAB5D1, #9644DF, #2F304B)
- Softworn Canyon color palette (#E4E9F1, #C1C3D3, #A7A0BC, #4054BB, #161F30)
- Lagoon Harbor color palette (#ECF9EE, #B3BA87, #608E56, #615C8B, #193D31)
- Worn Loft color palette (#D9F6F1, #5DA8E8, #8862B4, #376300, #212E53)
Browse the whole catalog at Explore, or see today's palette.