Hushed Courtyard color palette — #D3F0E6 · #5F7600 · #A7001C · #2F3C00 · #180001

Garnet takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D3F0E6): A whisper-light, dusty teal — the color of sea glass.
• Olive (#5F7600): A full-bodied, balanced green — the color of new leaves after rain.
• Garnet (#A7001C): A full-bodied, vivid orange — the color of sun-warmed clay.
• Forest (#2F3C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#180001): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

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

• Softworn Pine color palette (#D1F4F1, #008140, #874300, #00421E, #110400)
• Timeworn Mulberry color palette (#D5EBD2, #945D00, #950084, #4D2E00, #140011)
• Scarlet Orchard color palette (#E9E3C6, #819000, #D90032, #4F5900, #3A0006)
• Antique Fern Archive color palette (#E1E7D8, #476300, #005856, #5A2F00, #020400)
• Cocoa Archive color palette (#FFE7F2, #966539, #6A3100, #3F1300, #0A0400)
• Emerald Hollow color palette (#D0E6E5, #00A061, #A95A00, #005C35, #250F00)
• Bronze Lantern color palette (#DCF0F6, #009193, #7A6B00, #005152, #161200)
• Airy Station color palette (#F6F1D6, #6A7500, #8C00A1, #373E00, #2E0136)

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