Cobalt Courtyard color palette — #DFEAF4 · #BDBECB · #A5A3BB · #3A87BD · #12212D

Cerulean and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFEAF4): a clean, paper-quiet neutral.
• Stone (#BDBECB): a calm mid-gray that lets other colors speak.
• Mauve (#A5A3BB): A luminous, dusty violet — the color of wild irises.
• Cerulean (#3A87BD): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#12212D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Petrol Coast color palette (#E4EFF7, #BDC5D0, #9FA3B8, #006893, #11212D)
• Muted Denim color palette (#E4EEEB, #BCAEBC, #7C8DB4, #004772, #000E0A)
• Hushed Lilac color palette (#EEEDF6, #DDCEDB, #C4B3BF, #AF7CBC, #2E2B3C)
• Driftwood Workshop color palette (#E8EBFF, #A89CCD, #9272A3, #864A4D, #3C1D34)
• Muted Grape Delta color palette (#E3E5F2, #A59CA8, #948197, #6D4DA9, #070716)
• Soft Iris color palette (#E4EDF9, #81CAFF, #85ADFF, #8D80FE, #040D3D)
• Pale Iris Balcony color palette (#FFE6E8, #5A94FF, #6D67C9, #8E2859, #09103B)
• Ancient Indigo Loft color palette (#DBE3F1, #476BEF, #354062, #101D32, #000207)

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