Hazy Courtyard color palette — #FFF0F9 · #AFAEFF · #9C8F00 · #5445B4 · #1C1900

Indigo and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#AFAEFF): A luminous, balanced violet — the color of a velvet chair.
• Moss (#9C8F00): A luminous, balanced green — the color of new leaves after rain.
• Indigo (#5445B4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#1C1900): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Denim Terrace color palette (#FEF0FF, #81BDFF, #C07C00, #005CA7, #251400)
• Airy Indigo color palette (#FFF1F7, #C4B1FF, #A6B143, #7C61BD, #272B00)
• Ancient Grape Cabin color palette (#FFF1F4, #E194FF, #53A335, #812D9E, #061F00)
• Weathered Wisteria color palette (#FFE7EF, #BE78FF, #648200, #5E1790, #050900)
• Weathered Nightshade color palette (#DEE6FF, #7873C6, #786C00, #4700B9, #151200)
• Violet Field color palette (#F5F4FF, #9674FF, #C96001, #007E63, #0E0525)
• Sunlit Dune color palette (#FFF1F4, #EFC0FF, #97CC82, #A475B4, #28401E)
• Mulberry Quarry color palette (#FFF1F3, #E6B234, #782A7C, #29072A, #040001)

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