Hushed Courtyard color palette — #F0F7F1 · #DAD5E0 · #BFC0EB · #6D99AE · #424E63

Lavender and Slate Blue set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#DAD5E0): bright and airy, almost weightless.
• Lavender (#BFC0EB): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#6D99AE): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#424E63): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication, Softness, Clarity. 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

• Antique Petrol Veranda color palette (#F4F6F0, #CBE1E3, #779DC2, #1A7998, #5F4B5F)
• Stone Atelier color palette (#E4FAFF, #D4DCE8, #A5C4D4, #B7AAAB, #3F5359)
• Wandering Seafoam color palette (#E2FAFF, #88FEED, #FCB5C1, #57AB9F, #513F54)
• Antique Bloom color palette (#EFF8F0, #D6D6E5, #59B0E6, #167E82, #1C3046)
• Tempered Stone Market color palette (#FFF0F9, #EDD3D1, #C8A0B9, #8A7186, #374336)
• Cobalt Canyon color palette (#ECF9EF, #8FD6FF, #2F7EC6, #00505A, #01072C)
• Weathered Teal color palette (#E3EFE5, #5AB3AF, #006069, #002D1E, #000102)
• Softworn Seafoam color palette (#E4FAFF, #4CE6DF, #CEAAE8, #BB9C77, #273C41)

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