Quiet Garden color palette — #EAFAF2 · #979416 · #5150A7 · #772F00 · #4D2B40

Indigo and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFAF2): bright and airy, almost weightless.
• Moss (#979416): A luminous, balanced green — the color of a quiet forest floor.
• Indigo (#5150A7): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#772F00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4D2B40): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Muted Nightshade color palette (#E7FAF4, #829B32, #4D51A9, #663E00, #3B3300)
• Feathered Garnet color palette (#EEF8ED, #B37C2F, #006D91, #7B281F, #512E1A)
• Tempered Drift color palette (#E9F9F6, #7CA56D, #7E60A2, #694F13, #2E4A34)
• Tempered Atelier color palette (#EDF5E3, #00A776, #3A669C, #5F2D4B, #2B1A00)
• Softworn Canyon color palette (#CAF2E8, #538610, #4F00AE, #4A2A00, #251E00)
• Quiet Atelier color palette (#E5FAFA, #36BF8D, #5A82B9, #844666, #493404)
• Cerulean Harbor color palette (#D1F5E4, #9ACACC, #6B92AD, #755364, #5E3E3D)
• Hushed Aubergine Quarry color palette (#E5F6F6, #008D61, #773181, #324100, #002F28)

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