Cobalt Courtyard color palette — #F4F7EC · #90D6F9 · #0083BE · #004F5F · #000D1D
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Sky (#90D6F9): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0083BE): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F5F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000D1D): 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
- Tempered Cypress Garden color palette (#EFF0DE, #79C7C2, #00767A, #003F35, #000304)
- Azure Courtyard color palette (#F3F7ED, #D9DEFB, #6294D4, #00648A, #091B44)
- Tempered Summit color palette (#F3F7E9, #BFE1F3, #6AB6F1, #0083A1, #10365C)
- Tempered Lagoon color palette (#F5EAF0, #6BA5C0, #005A9D, #003938, #040528)
- Chalky Cornflower color palette (#F6E9E0, #8FC9E4, #2B95F5, #007D7B, #111452)
- Ancient Amber Grove color palette (#FFEAD8, #D67500, #009251, #743D00, #000B03)
- Powder Balcony color palette (#F5F6EE, #C4DDE4, #A4C4EB, #7A9C7E, #355548)
- Chalky Tangerine Bloom color palette (#FFE8E2, #F16D3F, #A54800, #562800, #1D0C00)
Browse the whole catalog at Explore, or see today's palette.