Pine Courtyard color palette — #E0F2E4 · #008763 · #005A55 · #052F53 · #210F39

Fern takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#E0F2E4): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#008763): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005A55): A full-bodied, dusty teal — the color of sea glass.
• Navy (#052F53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#210F39): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Worn Cypress color palette (#E0EED3, #247556, #005454, #2C163B, #1C0010)
• Lagoon Harbor color palette (#D8ECE7, #008A8B, #005564, #252556, #221E00)
• Aubergine Bloom color palette (#E2EBD8, #4E9A73, #006B6A, #4E2D66, #360E25)
• Timeworn Archive color palette (#D1EAD9, #007C56, #004A3A, #00271F, #001015)
• Olive Veranda color palette (#EEEBD1, #7A8700, #36592A, #003537, #001D25)
• Hushed Cypress color palette (#D5F9EF, #006F5F, #644500, #00352C, #170D00)
• Hushed Courtyard color palette (#D7E8E0, #00BDA9, #00787D, #304C89, #333063)
• Denim Alley color palette (#EEF3E2, #5298C1, #004D7C, #002E3B, #00142D)

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