Hushed Courtyard color palette — #ECF7FF · #B5BFCE · #8B8DA1 · #7E6270 · #3E5244

A conversation between Pewter and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Ash (#B5BFCE): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#8B8DA1): A luminous, dusty violet — the color of a velvet chair.
• Pewter (#7E6270): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal Brown (#3E5244): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Cypress Grove color palette (#F1F5FF, #C0C0D1, #9F93AA, #547D68, #2C5259)
• Chestnut Cabin color palette (#D8E9FF, #A3ADD3, #8C7094, #7A4E08, #4D4B01)
• Hushed Denim Garden color palette (#EEF6FF, #A2BBE7, #747EC1, #5F569D, #4D5070)
• Dusty Indigo Archive color palette (#F1F5FF, #A8ACD6, #A59A52, #6768B7, #345644)
• Dusty Chestnut Basin color palette (#E0FDF0, #ECD6EB, #D6B8C5, #A59486, #684A00)
• Hazy Alley color palette (#EFDBF6, #CB92AD, #A25650, #125D0C, #004338)
• Weathered Lantern color palette (#EEECFD, #8680A5, #803C59, #3B3700, #053108)
• Worn Aubergine Pier color palette (#D9EAF9, #546686, #4A2D67, #2E1600, #070E01)

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