Quiet Garden color palette — #F9F5E7 · #CDD286 · #D9A5F8 · #A1A63F · #4D395A
Lavender and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Pistachio (#CDD286): A whisper-light, balanced green — the color of new leaves after rain.
- Lavender (#D9A5F8): A luminous, balanced violet — the color of wild irises.
- Moss (#A1A63F): A luminous, balanced green — the color of new leaves after rain.
- Charcoal (#4D395A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged light.
Use it as a design system
One click turns Quiet Garden 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
- Feathered Cabin color palette (#F3F7E7, #9FDEAB, #F299E9, #67B278, #553652)
- Chalky Harbor color palette (#FCF4E6, #E9C87A, #9CBDFF, #C19828, #543751)
- Faded Mustard color palette (#FAF6DE, #B8C963, #B5A5FF, #C58ECD, #393831)
- Sunlit Alley color palette (#FAF6DD, #CDDF83, #66CBE5, #84933F, #1A412D)
- Apricot Orchard color palette (#FFF2EA, #EEC9A4, #DB9B7F, #A77C6E, #403D36)
- Linen Canyon color palette (#E5F6F0, #9FAB6D, #9C7BC4, #5F6D00, #2E1E40)
- Gentle Turquoise color palette (#E7FAF4, #ACC36E, #00B7DC, #758B29, #1F485B)
- Wandering Boulevard color palette (#EAFCDD, #3CFAD0, #EA77AC, #00B090, #5E213F)
Browse the whole catalog at Explore, or see today's palette.