Misty Courtyard color palette — #FFF1F7 · #A496C9 · #5B9B5A · #7445BD · #254D24

Plum takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Mauve (#A496C9): A luminous, dusty violet — the color of wild irises.
• Fern (#5B9B5A): A luminous, balanced green — the color of fresh herbs.
• Plum (#7445BD): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#254D24): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Misty Terrace color palette (#FFF1F3, #B88FBA, #009F8E, #913C98, #004E44)
• Weathered Lapis color palette (#FFF0F9, #9899D0, #A08736, #5D56B3, #504106)
• Grape Canyon color palette (#F0F0FF, #B98FD8, #72A33E, #7A429E, #1B2E05)
• Patina Balcony color palette (#FFF1F5, #CAA6E6, #8DBF53, #935CB9, #43433C)
• Antique Plum color palette (#FFF1F1, #D3A1A1, #6BA888, #A35382, #425510)
• Feathered Field color palette (#FFF1F3, #AB70AB, #6B8639, #007746, #4F2C33)
• Airy Basin color palette (#FFDADD, #D55EC4, #00873E, #6F0065, #003916)
• Onyx Boulevard color palette (#FFF1F2, #8DBC98, #6C4063, #47193F, #2D1C1E)

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