Cobalt Courtyard color palette — #F3EEE5 · #A0D0C2 · #5786D0 · #00697F · #21275B

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Pistachio (#A0D0C2): A luminous, dusty teal — the color of sea glass.
• Azure (#5786D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00697F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#21275B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Cerulean color palette (#F3EEE6, #AFCDB4, #0096B1, #006E5D, #003347)
• Aged Terrace color palette (#EAFAED, #D7DEFB, #6292DD, #00677C, #151A3E)
• Patina Study color palette (#FCF4E7, #BFE6CB, #00ABDB, #00837B, #00446A)
• Quiet Ultramarine color palette (#F4EDE7, #85B7E0, #4B5EBC, #004F50, #352251)
• Periwinkle Quarry color palette (#F9EAEF, #A9DAFF, #8AA0E9, #009190, #33254B)
• Petrol Field color palette (#F3EADD, #73AAC4, #006CA7, #00494E, #001233)
• Jade Cabin color palette (#DBF2E2, #2BB68D, #008677, #005859, #003138)
• Timeworn Terrace color palette (#AEF5FC, #35BEC4, #008188, #004B51, #00191B)

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