Cobalt Courtyard color palette — #F0F1F8 · #DBD5DD · #C4B8C2 · #766AA7 · #292B36

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F1F8): bright and airy, almost weightless.
• Silver (#DBD5DD): bright and airy, almost weightless.
• Stone (#C4B8C2): a calm mid-gray that lets other colors speak.
• Slate (#766AA7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#292B36): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Driftwood Alley color palette (#E5E7FF, #B8ABCB, #937797, #306053, #053A3B)
• Softworn Pewter color palette (#FAF3F7, #E5D8D5, #D1BCAE, #6E6F9E, #4F444B)
• Ancient Plum Station color palette (#F3F0F6, #E1D2D8, #CCB8C8, #A3427B, #28222E)
• Lagoon Lagoon color palette (#EAF5F2, #89BFBC, #438370, #4A5277, #0D2D2C)
• Wandering Grape color palette (#F1F1FA, #D6D0E4, #B7A2C4, #8126A6, #191729)
• Worn Pier color palette (#E3F8E7, #A390CA, #8C567C, #4A4900, #221F36)
• Hushed Violet color palette (#EFEDFB, #945BA1, #362B41, #161325, #05050E)
• Timeworn Pier color palette (#E4E1EA, #928A96, #796279, #4B0040, #020007)

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