Moss Courtyard color palette — #F7DCE5 · #C9BA7F · #879A53 · #6473A0 · #0F301F
A conversation between Moss and Sand, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F7DCE5): A whisper-light, dusty rose — the color of pressed rose petals.
- Sand (#C9BA7F): A luminous, dusty green — the color of a quiet forest floor.
- Moss (#879A53): A luminous, balanced green — the color of fresh herbs.
- Slate (#6473A0): A full-bodied, dusty violet — the color of wild irises.
- Deep Forest (#0F301F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Moss 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
- Weathered Workshop color palette (#D7EADD, #B1C37D, #5DA466, #338381, #003126)
- Weathered Thicket color palette (#D5EAE2, #92CB94, #4EA38A, #856A8C, #103113)
- Washed Taupe Pier color palette (#EDF9ED, #A8D6BF, #8CAC72, #7B80A9, #1F3C2F)
- Worn Emerald Lantern color palette (#DEEFE2, #A1B064, #4A924C, #655A8F, #191E00)
- Muted Olive Boulevard color palette (#ECE4D0, #A3AB70, #647C2F, #116357, #302904)
- Wandering Byzantium Studio color palette (#DBDCF3, #D6AEFF, #8FB041, #8B49C0, #222E00)
- Washed Veranda color palette (#F1F7F0, #C6E7D4, #8FC2B3, #9199B2, #3E5347)
- Muted Pier color palette (#F6E6D6, #9F8D4C, #4D5D00, #253567, #1A1000)
Browse the whole catalog at Explore, or see today's palette.