Cobalt Courtyard color palette — #E9FAF4 · #81BFF0 · #C3A048 · #0087D0 · #543F00

Cerulean takes the lead with Gold close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Sky (#81BFF0): A luminous, balanced blue — the color of open sky before noon.
• Gold (#C3A048): A luminous, balanced gold — the color of old brass.
• Cerulean (#0087D0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#543F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, 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

• Washed Field color palette (#FFF0F9, #AEB1ED, #CB9C3B, #7572D3, #553E09)
• Misty Boulevard color palette (#E9FAEE, #78C5D6, #DD8F59, #0090A5, #613616)
• Aged Marigold Summit color palette (#EFF6FF, #BBD6FF, #E6AF6B, #638BC8, #4E320A)
• Faded Study color palette (#EEF6FF, #72A2E0, #BC8514, #155EAE, #563D12)
• Wandering Workshop color palette (#FFF0F8, #A299E5, #C9865C, #C36D00, #4B2D3E)
• Aged Lapis Dune color palette (#FED7F2, #99A8FF, #A08B00, #4221EC, #362E00)
• Lagoon Thicket color palette (#E2FCF4, #E6D8D1, #E2BA98, #4D9FA3, #5A3F50)
• Washed Petrol Orchard color palette (#FBF2F7, #B5CE9F, #6C69A6, #3E3C67, #2C1C26)

Browse the whole catalog at Explore, or see today's palette.