Hushed Courtyard color palette — #F6EDD0 · #7A6900 · #504B00 · #292C00 · #070A00

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6EDD0): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#7A6900): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#504B00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#292C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#070A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

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

• Washed Olive color palette (#E9E5CC, #617200, #006375, #333D00, #00070A)
• Washed Bronze Parlor color palette (#FFEADA, #936B00, #3F3F00, #101D00, #000201)
• Patina Olive Lantern color palette (#D9E7C9, #648D00, #3A5300, #162200, #010200)
• Bronze Delta color palette (#FBE0D4, #AB5000, #673700, #3C2100, #150A00)
• Ancient Emerald Orchard color palette (#EAEACD, #86B284, #04A263, #495200, #031100)
• Lagoon Lantern color palette (#CEE5D6, #00906B, #006651, #004037, #001917)
• Feathered Pier color palette (#EFF2DA, #91AE1B, #588600, #246100, #0A3B0B)
• Hushed Pine color palette (#F4EAC9, #0087A9, #008457, #001111, #010200)

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