Pine Courtyard color palette — #D7F1E7 · #007C4B · #003F3E · #370826 · #000401
Built around Pine, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D7F1E7): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#007C4B): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#003F3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#370826): A deep, shadowed, balanced rose — the color of a warm blush.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Olive Quarry color palette (#CCE7D4, #4D7600, #00412C, #261D00, #000403)
- Olive Alley color palette (#DBEDDA, #6B6D00, #00430E, #260F42, #030300)
- Softworn Emerald Boulevard color palette (#E4E4C0, #28A85C, #005C46, #422200, #000200)
- Softworn Aubergine color palette (#DDEEDB, #267E26, #61006C, #033405, #070009)
- Velvet Garnet color palette (#DBE7D2, #315500, #720049, #55000E, #010200)
- Ancient Alley color palette (#D4E9DD, #679F4E, #00644F, #423900, #001713)
- Lime Delta color palette (#DFFAE5, #96B55C, #007F51, #5C491C, #00271F)
- Hushed Lagoon Lagoon color palette (#EFE2EE, #009DA1, #005169, #002E11, #000410)
Browse the whole catalog at Explore, or see today's palette.