Cobalt Courtyard color palette — #F2F5FF · #716DB4 · #864F00 · #1D5219 · #133040

Slate and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Slate (#716DB4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#864F00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#1D5219): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Teal (#133040): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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 Alley color palette (#F4F4FF, #A271BD, #8E5040, #444E00, #004144)
• Mulberry Cabin color palette (#EFF1FC, #8A71B6, #903A48, #004D28, #121325)
• Tempered Terracotta color palette (#EDF7FF, #3188B9, #8F3B45, #503F00, #0B3237)
• Dusty Cabin color palette (#F7F3FF, #A63185, #4C5900, #004446, #18203D)
• Wandering Fern color palette (#FFF1F4, #B18AC0, #A45A77, #30671A, #361F28)
• Timeworn Pewter Alley color palette (#F3F5FC, #E0D8E1, #C8BBC5, #796C95, #454752)
• Airy Garden color palette (#E9EAFF, #8505D2, #5A4300, #003620, #00182A)
• Amber Orchard color palette (#FEF1F8, #A7A4F8, #DC831A, #568B42, #1C2F27)

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