Cobalt Courtyard color palette — #E8F5F4 · #AFCBE2 · #2D81C2 · #005870 · #08213E
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F5F4): a clean, paper-quiet neutral.
- Lilac Frost (#AFCBE2): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#2D81C2): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005870): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#08213E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Aged Aqua color palette (#E4F6F4, #5DCBEE, #007CA5, #005059, #001C2E)
- Timeworn Lagoon color palette (#E8F5F2, #9CDEDC, #00949E, #006357, #002B31)
- Muted Navy Lantern color palette (#DBF0EF, #3F7EAD, #003C6F, #001D2A, #000106)
- Azure Villa color palette (#EBF4F3, #D3DAEE, #6BA3CB, #2B7689, #283848)
- Ultramarine Harbor color palette (#DCF1F1, #71A0D1, #0052B5, #00354E, #010132)
- Crimson Quarry color palette (#FBE2FA, #CC4654, #8C6800, #73418F, #1E0B1F)
- Weathered Apricot color palette (#FDEBFD, #F1D6BF, #DE9E7C, #975C6D, #2F1C2E)
- Hushed Chestnut color palette (#F5D7E0, #AE946B, #8C5700, #5E3100, #061D0E)
Browse the whole catalog at Explore, or see today's palette.