Pine Courtyard color palette — #E6EACF · #257B4F · #004855 · #480D11 · #160001

Pine and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E6EACF): A whisper-light, dusty green — the color of a quiet forest floor.
• Pine (#257B4F): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004855): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#480D11): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#160001): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Onyx Basin color palette (#F2E0C3, #617732, #005041, #3C002C, #150006)
• Cypress Pier color palette (#DEEADF, #0B6964, #003654, #301200, #080200)
• Antique Olive Courtyard color palette (#E1F1E8, #4D7607, #004224, #231F00, #010400)
• Moonless Villa color palette (#D0FAF5, #005550, #750039, #521A00, #000201)
• Worn Lagoon Station color palette (#DDEDE5, #008A7B, #005A61, #15244E, #240131)
• Antique Bloom color palette (#DBF1F6, #006967, #8A003A, #003130, #0A0002)
• Lagoon Corridor color palette (#DEE5C7, #00A482, #006F84, #572D34, #340C15)
• Weathered Courtyard color palette (#C8E8F0, #478AA6, #454C97, #392900, #00180F)

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