Tempered Cobalt Courtyard color palette — #E7F9F9 · #78AFD1 · #5278AF · #6E4C6C · #3A4A58

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

The five colors

• Ivory (#E7F9F9): a clean, paper-quiet neutral.
• Cyan (#78AFD1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5278AF): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#6E4C6C): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#3A4A58): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Tempered 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

• Turquoise Basin color palette (#FFECF3, #46BED0, #6276AC, #6A4554, #1D2E3A)
• Cerulean Coast color palette (#E3FBF7, #71B6AE, #008795, #505486, #374B51)
• Aged Pewter Coast color palette (#EFF6FF, #719AD1, #815EA3, #764054, #254855)
• Hushed Ash color palette (#EEF6FF, #B8C6E3, #8891B5, #7A6C84, #5E4E53)
• Washed Lagoon Quarry color palette (#EFF7F6, #9DCBC8, #549072, #506B70, #3D5250)
• Aqua Grove color palette (#FFF3E7, #57D1E5, #7B91C8, #896749, #384D44)
• Hushed Powder color palette (#FFF1F5, #95E0DE, #9BADDF, #A58562, #334B59)
• Weathered Grape Balcony color palette (#FEE6FA, #807BC8, #733A9E, #741824, #2A2E49)

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