Hushed Courtyard color palette — #F9F4EF · #C8DEEE · #A2B0D9 · #2296AA · #664857

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Powder Blue (#C8DEEE): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#A2B0D9): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#2296AA): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#664857): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed 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

• Muted Powder Summit color palette (#FCF2F5, #D9D3DE, #B8CAFD, #619DA8, #474C61)
• Timeworn Lagoon color palette (#FAF3F0, #CEE6E1, #91BDA9, #41987F, #5E4B60)
• Washed Lagoon color palette (#F0F7EF, #95D2CB, #E19D9A, #00A198, #534B48)
• Hushed Azure color palette (#FBF3EE, #B6DFCD, #6098DA, #007C7C, #2F3661)
• Dusty Pier color palette (#E9E0D7, #8DBDAF, #4F70C2, #005861, #1F1249)
• Petrol Ridge color palette (#F0DFD7, #72ADB4, #007191, #004C39, #00152A)
• Amber Study color palette (#EAFAED, #7BBEC6, #D38E9E, #C77B6D, #354839)
• Patina Cocoa color palette (#FDF3EC, #DDC6AC, #BB917B, #9A6461, #5D4300)

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