Hushed Garden color palette — #DCE1F1 · #8577CF · #B3222C · #3E4800 · #00242B

Ruby and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DCE1F1): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender Blue (#8577CF): A luminous, balanced violet — the color of a velvet chair.
• Ruby (#B3222C): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#3E4800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#00242B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Hushed 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

• Wandering Rust color palette (#EFF1FF, #A183D5, #B7493E, #4D5600, #003237)
• Gentle Iris Hollow color palette (#FFF0F8, #9176FF, #A63742, #3D3B00, #001010)
• Gentle Violet color palette (#EEEEFD, #9254B7, #8A3400, #183D00, #00141E)
• Faded Plum Veranda color palette (#D4E3F6, #3C85E8, #A4277D, #5E3900, #002713)
• Powdered Peony color palette (#E4DDF1, #BE5DA7, #885700, #004F39, #001754)
• Petrol Harbor color palette (#D0E4F6, #0070A5, #6E3400, #003725, #001F1F)
• Patina Fern color palette (#D8DEF8, #AAA7C6, #A67384, #5A5B19, #1C3C1F)
• Bronze Hollow color palette (#CBE9E1, #62B3FF, #BB5B00, #00753D, #002711)

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