Soft Courtyard color palette — #D5F7ED · #509657 · #006244 · #572A00 · #001502

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

The five colors

• Honeydew (#D5F7ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#509657): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#006244): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#572A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#001502): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Sunlit Fern color palette (#DFF1E5, #828A37, #375F00, #65181A, #0F1100)
• Softworn Emerald color palette (#E3E3CA, #659F5C, #005E2A, #362A00, #000200)
• Cypress Coast color palette (#EBE8D3, #68A976, #00836E, #813E41, #001505)
• Weathered Pine Workshop color palette (#CEECDF, #00813D, #00413B, #37122D, #001505)
• Frosted Pine Courtyard color palette (#D5EBE1, #90B172, #308546, #585913, #003129)
• Pale Ultramarine Study color palette (#D2E4D1, #0A7C1B, #0034F1, #8F0017, #000B01)
• Dusty Teal color palette (#D9E9DC, #55B3B1, #007480, #004C38, #00171F)
• Gentle Teal color palette (#D7E8E6, #4FC4A3, #00A7AD, #495F00, #00220F)

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