Quiet Garden color palette — #E7F3E9 · #BBB571 · #B68500 · #9D5618 · #002C23

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F3E9): bright and airy, almost weightless.
• Sage (#BBB571): A luminous, balanced green — the color of new leaves after rain.
• Mustard (#B68500): A luminous, balanced gold — the color of old brass.
• Ochre (#9D5618): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#002C23): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Orchard color palette (#D6EFDE, #BFC88C, #B39C52, #9E6E39, #133732)
• Ancient Amber color palette (#FAE6F0, #D8A76B, #D07237, #9E514D, #0E2B1A)
• Hushed Veranda color palette (#E5FCE9, #CAB15E, #966F00, #603E00, #00180C)
• Worn Bronze color palette (#ECDEC8, #B09D62, #906B00, #694502, #2E2200)
• Garnet Balcony color palette (#FADBE9, #B68630, #A65500, #892016, #0E0B00)
• Faded Ember Studio color palette (#C6E5E9, #00B69E, #E66229, #976B00, #001F23)
• Worn Taupe Ridge color palette (#FFF0F9, #EFC2D1, #DA9C80, #AF7777, #2E4334)
• Feathered Raspberry color palette (#D6F0F9, #00ABB3, #E41C99, #7A6900, #00161D)

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