Cobalt Courtyard color palette — #EDF7FF · #1C89C6 · #697A20 · #005A7D · #233543
A conversation between Cerulean and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF7FF): a clean, paper-quiet neutral.
- Cerulean (#1C89C6): A luminous, balanced blue — the color of deep harbor water.
- Olive Leaf (#697A20): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#005A7D): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#233543): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Weathered Corridor color palette (#EEF6FF, #5483C1, #9D6200, #00605F, #283442)
- Olive Parlor color palette (#E7F9FF, #00929D, #687B00, #0B6247, #1F373F)
- Hushed Iris color palette (#EFF6FF, #6A90D1, #2F917F, #316586, #353E4A)
- Petrol Veranda color palette (#CFE8FF, #006DAA, #006A3B, #004067, #002139)
- Tempered Olive Boulevard color palette (#FEF0FF, #B96370, #79750A, #005E6C, #3D2C3F)
- Misty Amethyst color palette (#F2F5FF, #784DF4, #00757C, #004891, #2A2549)
- Pale Plum Workshop color palette (#F3EAFD, #AB4583, #007165, #40397A, #2B2234)
- Lilac Quarry color palette (#F3F4FF, #B285EB, #A48D40, #4A7C54, #303141)
Browse the whole catalog at Explore, or see today's palette.