Wandering Courtyard color palette — #FFF2EA · #E7793A · #887800 · #006735 · #00383E
Tangerine and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Tangerine (#E7793A): A luminous, balanced orange — the color of toasted spice.
- Walnut (#887800): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006735): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#00383E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Airy Lantern color palette (#FFF3E9, #D99164, #8A832C, #007043, #58262E)
- Patina Pier color palette (#F7E5CD, #B97F00, #587500, #005543, #002934)
- Softworn Ember Bloom color palette (#F0DDD3, #C7674B, #7B5F00, #0F5106, #002525)
- Muted Pewter Station color palette (#FFF1F5, #E7ABAD, #C28A7C, #756931, #495420)
- Gentle Boulevard color palette (#F5F4FF, #E291FF, #BC9200, #008877, #003936)
- Moss Veranda color palette (#FEF4DE, #BEC07B, #7C920B, #9A4F55, #3D3D00)
- Tempered Courtyard color palette (#FFF1F3, #D66DD0, #C7434C, #764A00, #2A3600)
- Aged Scarlet Harbor color palette (#F9F2FF, #FF78BF, #D94116, #6A4B00, #240C56)
Browse the whole catalog at Explore, or see today's palette.