Cobalt Courtyard color palette — #EDF6FF · #D7D8E7 · #C1BCDC · #1F8CD9 · #34414E

A conversation between Azure and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Silver (#D7D8E7): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#C1BCDC): A luminous, dusty violet — the color of wild irises.
• Azure (#1F8CD9): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#34414E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Lagoon Pier color palette (#EBF8FC, #CFDCED, #B0C4EA, #00999E, #334347)
• Cobalt Corridor color palette (#E9EFF7, #CFD8E8, #ABB7D4, #4A72AD, #262F39)
• Washed Iris Drift color palette (#F3F5FD, #E0D6E5, #D4B8D9, #8C74CC, #3C3F4D)
• Hushed Periwinkle Archive color palette (#EDF8F4, #EAD4D0, #44ADF4, #ABA091, #2F453E)
• Chalky Lilac color palette (#EFF6FF, #B3DAFF, #A6C1FF, #9A7EFF, #262D64)
• Hazy Workshop color palette (#DBE7FE, #5F75FF, #413B77, #1B263C, #09121E)
• Dusty Cabin color palette (#E8E9FF, #C4AFE3, #B475BE, #92605C, #5C3D50)
• Faded Ridge color palette (#FFF0FF, #80A4FF, #7D61E6, #982C57, #2C3254)

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