Cobalt Courtyard color palette — #E3F7F2 · #8EB7E2 · #AE9A65 · #3D75AC · #34302A

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E3F7F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8EB7E2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Camel (#AE9A65): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#3D75AC): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#34302A): quiet, heavy and certain.

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 Grove color palette (#FBF2FB, #95B1DD, #B4944E, #4672B7, #514C46)
• Powder Garden color palette (#FCEDF4, #B7A9E3, #84A87D, #75689D, #31322B)
• Washed Garnet Grove color palette (#E9F5EE, #7CBFD4, #C88888, #227D96, #571B02)
• Hushed Iris color palette (#F0F5FF, #B0C3F3, #D2A879, #6887DE, #673F4D)
• Wandering Driftwood Alley color palette (#FCECFB, #7F9CD2, #A28B4A, #8B763A, #322030)
• Muted Cobalt color palette (#FFEBF8, #B8C3F5, #747FB3, #414572, #2C1229)
• Aged Nightshade color palette (#FFEBF9, #8D9FFF, #888500, #3739B5, #232200)
• Weathered Veranda color palette (#FBECFD, #E9D5D3, #DEBCA3, #6F9477, #43323D)

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