Pine Courtyard color palette — #DAF0E8 · #018A5A · #005050 · #4F0934 · #000808

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

The five colors

• Honeydew (#DAF0E8): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#018A5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#005050): A deep, shadowed, dusty teal — the color of sea glass.
• Mulberry (#4F0934): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Hushed Boulevard color palette (#D4E5D8, #657F3B, #005335, #3F144E, #000805)
• Wandering Lagoon Meadow color palette (#E5E3C9, #3F8C5F, #00463E, #3B0004, #000201)
• Hushed Meadow color palette (#D5E5D4, #777A25, #005514, #3D2600, #060600)
• Tempered Boulevard color palette (#D2F3DD, #00964C, #005938, #002513, #000301)
• Aged Station color palette (#DDF6E9, #5B9359, #006152, #3D3A00, #011501)
• Aubergine Canyon color palette (#C5E8E1, #4B8C1F, #78007C, #1D4300, #0F0010)
• Tempered Meadow color palette (#E4EDE2, #327F22, #8C0C3C, #690059, #000300)
• Spruce Orchard color palette (#F6ECF6, #58A0A2, #00617D, #003F18, #00091B)

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