Cobalt Courtyard color palette — #EEF6FF · #86BDF4 · #DF8E62 · #3984CA · #61361E
Built around Cerulean, softened by Camel — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Sky (#86BDF4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Camel (#DF8E62): A luminous, balanced orange — the color of sun-warmed clay.
- Cerulean (#3984CA): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#61361E): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
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
- Softworn Cerulean color palette (#E9F8FF, #61C8DC, #DC8C80, #0090A4, #63322B)
- Hushed Cobalt color palette (#E5FBF5, #B3D8FF, #FFA26F, #3F8CD4, #3D3732)
- Quiet Cobalt color palette (#F1F5FF, #A8B0FD, #C3A04B, #7177C6, #284B33)
- Aged Atelier color palette (#EEF6FF, #73AAE0, #C8884B, #88842C, #233A50)
- Quiet Lantern color palette (#E8FAF4, #71A5D3, #BE689C, #006AAC, #5B334B)
- Linen Periwinkle Field color palette (#EDF6FF, #A0D2FF, #FB98D4, #42A5F4, #4A3B59)
- Dusty Ultramarine Coast color palette (#D8E5FF, #88AEFF, #AF8400, #0B38EA, #3B2B00)
- Muted Meadow color palette (#EDF6FF, #DBD7E7, #ECB5CB, #629CA5, #3B4961)
Browse the whole catalog at Explore, or see today's palette.