Quiet Garden color palette — #EAF7FF · #28D1FF · #B48ECE · #AD6850 · #2D3E18
Built around Sky, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF7FF): bright and airy, almost weightless.
- Sky (#28D1FF): A luminous, balanced blue — the color of open sky before noon.
- Mauve (#B48ECE): A luminous, balanced violet — the color of a velvet chair.
- Mocha (#AD6850): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2D3E18): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.
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
- Powder Grove color palette (#EEF6FF, #8FC1FF, #C887B6, #A76E3C, #00423D)
- Aged Aqua Thicket color palette (#E4FAFF, #2CD8D0, #8A9AE5, #A5687C, #47340D)
- Tempered Aqua Pier color palette (#ECF9EE, #47D1DB, #AC73A9, #725712, #382800)
- Tempered Powder Summit color palette (#EAF7FF, #B7D6FF, #ACB7D8, #9E8995, #455345)
- Wandering Magenta color palette (#D5EBFF, #44B0FE, #D335D9, #A44900, #172A00)
- Quiet Dune color palette (#F1F5FF, #A4B0FF, #F65A74, #787B00, #00383F)
- Feathered Lilac Meadow color palette (#D8E0FC, #9E8FFF, #CC586E, #756000, #00261F)
- Sky Boulevard color palette (#D7E7F4, #26B7FB, #627185, #404B54, #13191D)
Browse the whole catalog at Explore, or see today's palette.