Cobalt Courtyard color palette — #EFF6FF · #95B2DA · #C28B63 · #4173B7 · #654052

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mauve (#95B2DA): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C28B63): A luminous, balanced gold — the color of honey in a jar.
• Slate (#4173B7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#654052): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Cobalt Bloom color palette (#EEF6FF, #92B3DB, #A8994F, #3B74B6, #315642)
• Worn Basin color palette (#EEF6FF, #9CC9F4, #E2A255, #5B91C2, #62434D)
• Cypress Garden color palette (#EBF8FB, #78BFBA, #C8847A, #00847F, #5F425A)
• Washed Bronze color palette (#F0F5FF, #8596C7, #B57A4D, #8B6C07, #374358)
• Worn Chestnut Summit color palette (#E9FAF1, #9FC0B8, #658A77, #765731, #344D4D)
• Denim Field color palette (#F2F5FD, #9BCDBC, #555A86, #2B3757, #272430)
• Hushed Parlor color palette (#EFF6FF, #BACCF6, #6E85BE, #27558A, #263A5F)
• Wandering Ultramarine Archive color palette (#EFF6FF, #5C91F2, #937E00, #004AD8, #453A00)

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