Misty Courtyard color palette — #FFF0F9 · #C6C5FF · #CFBF68 · #9794E0 · #4C430D

Honey and Wisteria set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lilac Frost (#C6C5FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Honey (#CFBF68): A luminous, balanced green — the color of a quiet forest floor.
• Wisteria (#9794E0): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#4C430D): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Lilac Dune color palette (#FFF1F4, #E7B8F7, #9DCE88, #BB88CD, #314A27)
• Pale Summit color palette (#FFF0FA, #A8B2F4, #A4AB64, #6E77CD, #42460D)
• Azure Thicket color palette (#E3FCF2, #95D5FD, #E9B17C, #4CA9DE, #5A3A1A)
• Powdered Apricot Ridge color palette (#FFF0F7, #BFB1FF, #ECA071, #5DB99E, #482F3C)
• Powder Grove color palette (#FFF0F8, #E5D7D4, #9FB5E8, #B6AB96, #624853)
• Airy Byzantium color palette (#FFD9E5, #DBB7FF, #96B803, #9E27E8, #283300)
• Lapis Grove color palette (#EDF1FF, #9D9AE5, #989122, #5E55AF, #2B2900)
• Worn Taupe color palette (#FFF3E5, #E2CEAB, #CBA575, #A28064, #3F3D36)

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