Vanilla Grove color palette — #FDF1FA · #ECEBB1 · #E6D7D6 · #C7AED4 · #5E4A53
Built around Celadon Mist, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF1FA): a clean, paper-quiet neutral.
- Celadon Mist (#ECEBB1): A whisper-light, dusty green — the color of fresh herbs.
- Bone (#E6D7D6): a clean, paper-quiet neutral.
- Mauve (#C7AED4): A luminous, dusty violet — the color of twilight just after sunset.
- Charcoal Brown (#5E4A53): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Vanilla Grove 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 Stone color palette (#ECF9EE, #BEDFF2, #E2B1B6, #A9AABC, #45584E)
- Cocoa Station color palette (#FEF3EB, #DFDBCC, #98BBCB, #C8A08B, #74400A)
- Airy Atelier color palette (#FFF0F8, #E4EDC8, #ACF488, #F68B94, #5D3945)
- Mustard Workshop color palette (#EEF9ED, #EFB671, #AFAFEE, #9495C2, #364134)
- Cocoa Quarry color palette (#FFEEE4, #DDD9C5, #BDC5A3, #A68176, #5A2E00)
- Patina Stone Dune color palette (#EAFAF0, #BAE4D6, #C1B77F, #7E9B7D, #394C49)
- Weathered Canyon color palette (#E3E1FF, #47F8FD, #FFC5A8, #735D69, #363033)
- Sky Lagoon color palette (#FBF2F7, #FBAB86, #65B2E8, #A6738D, #3A2E36)
Browse the whole catalog at Explore, or see today's palette.