Pine Courtyard color palette — #CDE7E5 · #008436 · #005399 · #622300 · #000300

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

The five colors

• Silver (#CDE7E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008436): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005399): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#622300): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Airy Emerald Grove color palette (#FFE5E3, #0F932D, #00647C, #730011, #000503)
• Garnet Terrace color palette (#D1EAE1, #606E00, #005677, #74002B, #000201)
• Dusty Ultramarine Field color palette (#DBF4FA, #007570, #1139D9, #651E00, #000202)
• Wandering Ultramarine Canyon color palette (#D8F3E3, #7D6F00, #2527D8, #591D00, #000201)
• Tempered Corridor color palette (#D5F0E8, #638B18, #6B00A5, #542A00, #040100)
• Weathered Emerald color palette (#E6ECD9, #009D4F, #006F6D, #00425C, #000214)
• Twilit Cypress Lantern color palette (#C8E7EF, #006A67, #002539, #070F11, #000203)
• Byzantium Pier color palette (#CEE4F2, #0089B0, #8B13D5, #554E00, #000304)

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