Muted Courtyard color palette — #F1F5FE · #F1FCC8 · #7683B5 · #374663 · #161B25

A conversation between Slate Blue and Custard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Custard (#F1FCC8): A whisper-light, dusty green — the color of fresh herbs.
• Slate Blue (#7683B5): A luminous, dusty violet — the color of wild irises.
• Navy (#374663): A deep, shadowed, dusty violet — the color of wild irises.
• Midnight (#161B25): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Patina Plum Ridge color palette (#F6F4FC, #BCF7C4, #9C5B97, #4A2C47, #110D1A)
• Patina Marigold Corridor color palette (#EEF6FE, #95C8FF, #CAAA63, #438E9E, #29333D)
• Washed Terrace color palette (#EFF1FB, #D8B7D6, #615B82, #2B3043, #12131B)
• Softworn Courtyard color palette (#FBF2F7, #F9DA9A, #9998CA, #7B6672, #32282E)
• Apricot Cabin color palette (#F2F5FC, #DCD9E3, #F09367, #8196D9, #251B21)
• Muted Study color palette (#E6FAF9, #DBD8FF, #D6889A, #38807B, #3F3D4E)
• Muted Amber Alley color palette (#F2F5FF, #BBAEFA, #C48E44, #0B7A7C, #1F222E)
• Amethyst Atelier color palette (#F2F5FF, #91F39E, #6C4CD2, #2F1E64, #040518)

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