Quiet Garden color palette — #D8DDF3 · #5B00CB · #5A3C00 · #163000 · #070A24

Plum takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D8DDF3): A whisper-light, dusty violet — the color of a velvet chair.
• Plum (#5B00CB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Bronze (#5A3C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#163000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#070A24): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Nightshade Station color palette (#DFE5F7, #4F2CBD, #3C4A00, #232C00, #02000F)
• Aubergine Chapel color palette (#E3DEF9, #810092, #474600, #003127, #0F0721)
• Dusty Navy color palette (#DEEDFF, #004CA9, #6C2E00, #2B2B00, #000C26)
• Smoked Aubergine Workshop color palette (#EAEDFF, #5F0092, #382A00, #001E11, #00060E)
• Hushed Byzantium color palette (#F8DEE7, #8848C5, #7F5800, #524000, #140324)
• Sunlit Grove color palette (#E5E0FF, #A400B5, #5F5C00, #00483C, #301034)
• Byzantium Pier color palette (#FAEBCC, #A300AE, #740032, #122C00, #1C0D2B)
• Deep Garnet color palette (#FAE7F1, #650048, #163200, #001717, #060003)

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