Cobalt Courtyard color palette — #F7F1E8 · #A4D3C6 · #5079CB · #00586F · #1A1C3F

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Pistachio (#A4D3C6): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#5079CB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00586F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1A1C3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Ancient Cobalt color palette (#F5F1EA, #ABD2BC, #0086BA, #005B5B, #002720)
• Cobalt Garden color palette (#FAF0E2, #65C8F8, #0076C1, #005059, #001349)
• Wandering Cobalt Boulevard color palette (#F0F8EF, #A5C9EA, #6773B1, #005F62, #363756)
• Hushed Corridor color palette (#EDF9EF, #B2D9FF, #6F94DD, #007895, #2F3A55)
• Timeworn Pier color palette (#F7EEDF, #5194AA, #004F72, #002C2C, #00040E)
• Aged Azure color palette (#DAF5FE, #27A5DA, #0067A2, #003C7C, #131841)
• Patina Wisteria Summit color palette (#FEEBFC, #DADAFF, #C69ADF, #367C9D, #311D2B)
• Aged Pier color palette (#F0E5F1, #5795D8, #A86E00, #00559D, #291800)

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