Hushed Courtyard color palette — #FAF3F5 · #DADDEE · #8798C3 · #007D8C · #4A516E

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8798C3): A luminous, dusty violet — the color of wild irises.
• Teal (#007D8C): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#4A516E): A full-bodied, dusty violet — the color of wild irises.

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

• Hushed Bloom color palette (#F0F3EC, #C5E1E5, #799FD0, #42718B, #412F3F)
• Antique Powder Courtyard color palette (#EFF7F7, #D9DBEA, #93B4DE, #5F8DA6, #475365)
• Wandering Parlor color palette (#F5F3FF, #AE88B7, #77945F, #278270, #423F55)
• Pine Thicket color palette (#F9F3F7, #BFE4ED, #3299AE, #007544, #224D64)
• Weathered Petrol Workshop color palette (#F5EBF2, #84BBCD, #006EA8, #005049, #182B57)
• Weathered Denim Workshop color palette (#F6E7F2, #559CA4, #005169, #003123, #001529)
• Washed Pewter Cabin color palette (#EEF5FF, #B1B1E3, #977CBE, #7E4B89, #5C4C6E)
• Violet Orchard color palette (#F4F4FF, #BEA3D2, #88A36C, #8B59AD, #26574D)

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