Quiet Garden color palette — #F6F0C1 · #817400 · #2E58B9 · #0A2D86 · #010100

A conversation between Cobalt and Indigo, giving this palette its sense of nature and growth.

The five colors

• Custard (#F6F0C1): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#817400): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#2E58B9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#0A2D86): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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 Navy Veranda color palette (#FBF7D7, #417900, #0937A0, #001879, #040000)
• Tempered Corridor color palette (#FFE9DA, #B55100, #5948BE, #352380, #030100)
• Washed Amber color palette (#FFEADA, #C3641E, #005196, #00396B, #030100)
• Sunlit Aubergine color palette (#F5EFCD, #6B7C00, #7C3F9D, #530C72, #010100)
• Onyx Canyon color palette (#CFE6DB, #555500, #004969, #002657, #0E0E00)
• Sunlit Navy Corridor color palette (#FDE4DB, #951C21, #20349B, #38005D, #080000)
• Chalky Bloom color palette (#FFE8E3, #889300, #00625E, #440F4B, #000600)
• Timeworn Marigold Delta color palette (#FFF3E5, #D99100, #006A83, #6A4400, #000201)

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