Hushed Courtyard color palette — #DDFDFA · #B2CED3 · #7F99A6 · #726D87 · #5B4C60

Slate and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#DDFDFA): A whisper-light, dusty teal — the color of glacier melt.
• Oat (#B2CED3): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7F99A6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#726D87): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#5B4C60): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged vintage, retro, 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

• Abyss Coast color palette (#E8F8FF, #9CB5CC, #7B88A7, #765C6F, #3B5439)
• Cocoa Cabin color palette (#CCEEF7, #84AABE, #647C98, #78464F, #623827)
• Patina Cypress Corridor color palette (#F1F7F2, #CFE1F1, #71A1B3, #2C8061, #3C5765)
• Timeworn Corridor color palette (#F4F9DC, #C1E3D3, #ADC8B6, #A89497, #5F4E4A)
• Tempered Boulevard color palette (#E7F9FF, #9DD7DE, #40919F, #005B68, #00434C)
• Soft Market color palette (#C0E6F3, #5090AE, #43577D, #6C1014, #421D00)
• Cypress Lagoon color palette (#E6F9FF, #74BFBD, #C78387, #008383, #5B445C)
• Bronze Harbor color palette (#E7F9FF, #58A6AB, #A079A7, #966F1D, #2B4751)

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