Gentle Courtyard color palette — #FFF0F8 · #C2BBFF · #D5C522 · #8B78E7 · #423C00
Saffron and Lavender Blue set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#C2BBFF): A whisper-light, balanced violet — the color of wild irises.
- Saffron (#D5C522): A luminous, vivid green — the color of a quiet forest floor.
- Lavender Blue (#8B78E7): A luminous, vivid violet — the color of wild irises.
- Deep Olive (#423C00): 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 Gentle 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
- Violet Chapel color palette (#F2F4FF, #CDBBFF, #D2AC07, #8B57E4, #392D00)
- Cornflower Summit color palette (#FFEFFF, #A0C7FF, #F9B325, #3E8BF3, #4F3500)
- Quiet Atelier color palette (#FFE7EE, #DBA4FF, #9DBE63, #AC77CF, #2D3B14)
- Sunlit Lime Coast color palette (#FFF1F4, #F6C5FF, #54D66A, #AF5CBF, #004814)
- Hushed Delta color palette (#FFF0F7, #EDD4DF, #F9B8B3, #99A9EC, #5F3C49)
- Apricot Lantern color palette (#EDE7FF, #BCA2FF, #FB881C, #00B599, #33294D)
- Gentle Canyon color palette (#FFF1F3, #FFC531, #BD6BB5, #744C6F, #291316)
- Fuchsia Hollow color palette (#D4F2F4, #FFB364, #F690FF, #69424A, #311D21)
Browse the whole catalog at Explore, or see today's palette.