Wandering Courtyard color palette — #D5FFFB · #B5DCE0 · #96B8CA · #958EA6 · #5A4660
Charcoal Brown and Ash set the tone — five colors that lean into calm and sophistication.
The five colors
- Honeydew (#D5FFFB): A whisper-light, dusty teal — the color of sea glass.
- Silver (#B5DCE0): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#96B8CA): A luminous, dusty blue — the color of deep harbor water.
- Heather (#958EA6): A luminous, dusty violet — the color of wild irises.
- Charcoal Brown (#5A4660): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Calm, Sophistication. Tagged vintage, retro, muted, light.
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
- Antique Veranda color palette (#AEF2F8, #A5D5F0, #93A9CB, #AA7674, #624021)
- Wandering Teal Lagoon color palette (#EBF9F3, #AFE1D7, #83BB95, #6F9B8B, #274A44)
- Dusty Cerulean color palette (#F0F5DA, #A5BF9B, #53919F, #73575C, #442C27)
- Garnet Terrace color palette (#D4F2E5, #60CED1, #6CA7CA, #975F7B, #6B2120)
- Worn Cocoa Market color palette (#FFF3E3, #D6DDC5, #A9B9A1, #A6756E, #634100)
- Airy Teal color palette (#E6F9FF, #7FDEE0, #F9A1A8, #2AB3B6, #643035)
- Washed Lantern color palette (#C7E4F8, #8C9FD9, #927AB9, #8A5523, #382D00)
- Hushed Lagoon color palette (#DBF6E6, #34A19F, #33819A, #6F3E60, #3A0610)
Browse the whole catalog at Explore, or see today's palette.