Wandering Courtyard color palette — #F5F7E9 · #BFE0B4 · #D8B7F2 · #7BBC63 · #64414D
A conversation between Jade and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F7E9): a clean, paper-quiet neutral.
- Celadon Mist (#BFE0B4): A whisper-light, dusty green — the color of a quiet forest floor.
- Lavender (#D8B7F2): A whisper-light, balanced violet — the color of a velvet chair.
- Jade (#7BBC63): A luminous, balanced green — the color of a quiet forest floor.
- Cocoa (#64414D): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Wandering 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
- Softworn Teal color palette (#F0F8EC, #A2E5D5, #FCADBD, #12C3A8, #68423A)
- Weathered Moss color palette (#EAF9F5, #B1CF9E, #C7A1D5, #679E40, #4C4867)
- Marigold Studio color palette (#FCF4E8, #E9D2A1, #ACC6FF, #CAA23D, #3C4C70)
- Emerald Market color palette (#F2F9DE, #B3E9D8, #95CA9B, #549C67, #393B34)
- Fern Garden color palette (#F6F6E8, #CBE7DB, #CCBB90, #BDBAC7, #475307)
- Tempered Blush color palette (#E5F4DF, #5FD6C0, #F18CB2, #00A893, #552036)
- Weathered Chartreuse color palette (#FFE7DD, #FFC9F2, #8CEF99, #666760, #36382D)
- Aged Mint Canyon color palette (#E2F7F2, #9BC274, #B38BC0, #607C43, #312C48)
Browse the whole catalog at Explore, or see today's palette.