Cobalt Courtyard color palette — #C3F0E4 · #217DC6 · #7A2D00 · #493C00 · #00213C

Cerulean takes the lead with Rust close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#C3F0E4): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#217DC6): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7A2D00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#493C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Midnight (#00213C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. 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

• Airy Mulberry Villa color palette (#C6F0DD, #007297, #A60036, #513700, #002331)
• Ultramarine Balcony color palette (#F9D9F3, #2E57DF, #884300, #3A4200, #08184E)
• Terracotta Grove color palette (#D8F2E4, #007794, #9E3000, #004829, #000D13)
• Ultramarine Summit color palette (#F9E4F8, #254AD3, #7B2700, #2C3400, #001B1C)
• Amethyst Courtyard color palette (#FFDDEE, #724DD8, #90002C, #3A3300, #002B28)
• Chalky Indigo color palette (#FFF0F9, #6968C9, #8C5A00, #285700, #26264C)
• Dusty Indigo color palette (#F8E1BE, #7260F6, #830091, #453700, #301952)
• Weathered Grape color palette (#F1D5E2, #674AB5, #6A4E00, #004414, #2D0D20)

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