Smoked Courtyard color palette — #DFF7DF · #625B14 · #3D2600 · #230600 · #010400

A conversation between Olive and Espresso, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DFF7DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#625B14): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3D2600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#230600): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#010400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Shadow Onyx color palette (#FFE1F2, #76511B, #4C1900, #28000A, #040300)
• Antique Balcony color palette (#DAE6D8, #766804, #503000, #380900, #070E00)
• Bronze Boulevard color palette (#E3E8DA, #986B00, #006B9A, #0B0E17, #000205)
• Weathered Basin color palette (#DBF6E5, #7E8F66, #645500, #522D00, #002D15)
• Lowlit Balcony color palette (#DDE7F2, #155E9A, #520201, #001E39, #070000)
• Inked Garden color palette (#DCE6FB, #261398, #550013, #041800, #01000F)
• Velvet Aubergine Veranda color palette (#CBE7FE, #584CA2, #47005B, #21000D, #080000)
• Worn Garnet color palette (#F4E2EE, #B18A98, #8B5342, #692D3F, #123924)

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