Cobalt Courtyard color palette — #ECF7FF · #008CC2 · #90682E · #6E4B12 · #243541

A conversation between Cerulean and Walnut, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cerulean (#008CC2): A luminous, balanced blue — the color of open sky before noon.
• Walnut (#90682E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6E4B12): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#243541): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cornflower Grove color palette (#EFF6FF, #5089DA, #895523, #2D531C, #003E2D)
• Worn Market color palette (#F1F5FF, #8085E1, #8C7F50, #6B5F33, #373D4C)
• Timeworn Rust color palette (#E4FAFF, #00958E, #A55653, #7C3E3C, #1D373D)
• Hushed Lagoon Delta color palette (#ECF5E8, #1D9B88, #9D6730, #5F5200, #131E0D)
• Faded Petrol color palette (#CDE9FF, #006EA7, #595E00, #3D4100, #002238)
• Azure Archive color palette (#DCFDF7, #509FD8, #7F5989, #34582B, #323D52)
• Petrol Boulevard color palette (#F1F5FD, #DED8E2, #C9BBC5, #5F7596, #43484F)
• Timeworn Alley color palette (#EEF6FF, #6AA3DD, #AF7BAA, #238163, #203549)

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