Quiet Garden color palette — #F1DAE7 · #8070EB · #8F5200 · #3D4800 · #00261F

A conversation between Amethyst and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F1DAE7): A whisper-light, dusty pink — the color of peonies in June.
• Amethyst (#8070EB): A luminous, vivid violet — the color of twilight just after sunset.
• Ochre (#8F5200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3D4800): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#00261F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Balance. 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

• Worn Violet color palette (#F8D7E2, #9D6BCB, #875800, #004C50, #002331)
• Washed Cornflower Balcony color palette (#EDDAED, #3485EB, #A83536, #334B00, #172400)
• Misty Field color palette (#F0DADF, #964FBB, #674F00, #223B00, #001617)
• Quiet Iris Alley color palette (#FDECF9, #7790E4, #A6584C, #01612A, #003330)
• Iris Dune color palette (#EFF6FF, #5A8EFB, #A04000, #004333, #00110A)
• Pale Quarry color palette (#FEE1ED, #7844BD, #643A00, #002D2C, #000910)
• Gentle Magenta color palette (#FFDFE1, #D945BF, #746B00, #00544D, #002A2C)
• Hazy Wisteria color palette (#F4D9E3, #BB80FF, #D24A86, #9A4500, #071A4C)

Browse the whole catalog at Explore, or see today's palette.