Tempered Courtyard color palette — #D0EDDF · #59A968 · #006A5F · #414100 · #001C06

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

The five colors

• Honeydew (#D0EDDF): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#59A968): A luminous, balanced green — the color of new leaves after rain.
• Pine (#006A5F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#414100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001C06): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Soft Forest color palette (#D4EDD6, #909C59, #006E34, #533800, #141800)
• Timeworn Station color palette (#D2F4EA, #53A762, #006B4D, #334C00, #063814)
• Weathered Cypress Parlor color palette (#EBF5EC, #80AB9B, #40714D, #00505C, #002319)
• Lagoon Lantern color palette (#D9E9D9, #00A486, #00676F, #004258, #001A34)
• Tempered Olive Grove color palette (#DDEBE1, #6A8247, #005134, #002F3C, #050A00)
• Wandering Fern Workshop color palette (#F4E0E7, #93905D, #22660F, #004145, #141300)
• Faded Lantern color palette (#F9F7DA, #91D79B, #00946D, #446400, #002709)
• Feathered Olive color palette (#FFECF4, #B9A761, #4F7A00, #005855, #282000)

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