Pine Courtyard color palette — #D5EBDA · #98AF6E · #1B8658 · #5E4B74 · #033127

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D5EBDA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#98AF6E): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#1B8658): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#5E4B74): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#033127): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance, 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

• Wandering Delta color palette (#ECF9F1, #A3BE95, #409277, #625E82, #0E3E37)
• Washed Pine color palette (#FCF4E7, #B0C48B, #0D8C58, #5D4376, #1C1900)
• Gentle Archive color palette (#CFE5DA, #5FA569, #007064, #5F3060, #012208)
• Emerald Orchard color palette (#D9E9E0, #ACC582, #52A74F, #8D648F, #003127)
• Muted Ash color palette (#F0F7F2, #B0DCD0, #7AA790, #7C7A90, #3B534C)
• Patina Canyon color palette (#CDE7D8, #4C853E, #005242, #3F1C3D, #010800)
• Weathered Cobalt color palette (#F6EBF1, #90CFE5, #508AC5, #006E5A, #262852)
• Antique Lagoon color palette (#FFEAF8, #ECCC92, #8CCCA2, #A95572, #213921)

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