Vanilla Courtyard color palette — #EBFAEF · #E9EAB3 · #93A67A · #557F7F · #2A3D35
Celadon Mist and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EBFAEF): A whisper-light, dusty teal — the color of shallow lagoons.
- Celadon Mist (#E9EAB3): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#93A67A): A luminous, dusty green — the color of fresh herbs.
- Slate (#557F7F): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#2A3D35): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Vanilla 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
- Stone Harbor color palette (#E9FAF4, #C2DCF4, #89BCA0, #708B92, #384B48)
- Driftwood Basin color palette (#ECF9F0, #CDD799, #73965C, #48677F, #102E25)
- Hushed Basalt color palette (#FAF5E7, #B6B090, #697B50, #436342, #4E4200)
- Antique Powder color palette (#EEF6FF, #7DC1FF, #E68B9E, #829D5C, #1C2D3C)
- Pine Pier color palette (#CFE8E2, #358E57, #004737, #002023, #000200)
- Dusty Pine color palette (#E6FBF1, #8CB054, #00741C, #1C3E5C, #050900)
- Fern Boulevard color palette (#C8EBD7, #849933, #225C00, #003427, #010100)
- Quiet Azure Canyon color palette (#E0FBFF, #98E5FF, #21AEE4, #4679A2, #263955)
Browse the whole catalog at Explore, or see today's palette.