Cobalt Courtyard color palette — #F7EFF3 · #AECCE3 · #5B7ABD · #005C57 · #1A1E38

Slate takes the lead with Peacock close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Lilac Frost (#AECCE3): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5B7ABD): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#1A1E38): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Dusty Forest Balcony color palette (#F7EFF8, #A6CFDA, #0089A8, #1A5F22, #03213D)
• Weathered Cobalt color palette (#EEF8F0, #99CDEC, #3B7CBB, #005E6A, #273B59)
• Washed Periwinkle color palette (#FDF3EB, #A3DDFF, #7695D0, #007D74, #3B3458)
• Patina Violet color palette (#DAEFE6, #919930, #9260C4, #555A00, #250F39)
• Aged Cerulean Grove color palette (#F6E6F2, #279AA8, #004F71, #002E1A, #00011C)
• Wandering Navy color palette (#E9DBE0, #427FA7, #182A92, #001F1E, #020008)
• Wandering Ultramarine color palette (#E8DDE0, #7CA1C1, #3D44BD, #00393B, #110123)
• Turquoise Grove color palette (#DEF9ED, #B4E4C5, #00C4D9, #936839, #08302B)

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