Pine Courtyard color palette — #E9FBE8 · #BF7F00 · #008731 · #005D91 · #2F1A34
A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9FBE8): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#BF7F00): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive Leaf (#008731): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#005D91): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#2F1A34): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Ancient Ridge color palette (#E0FEED, #A69400, #008C5F, #1B50B0, #371A32)
- Linen Market color palette (#FFF1F6, #DC7400, #847700, #006374, #361030)
- Frosted Dune color palette (#FFF0F7, #EB7600, #008B7C, #304BAC, #25236C)
- Linen Basin color palette (#D8EBDC, #926F00, #06741A, #003887, #280407)
- Misty Tangerine Bloom color palette (#FFF2EB, #FE6439, #008F67, #2145B2, #250800)
- Washed Tangerine Field color palette (#DEFFE4, #FB7F4A, #8E7E00, #3B53A8, #4F2C00)
- Rose Corridor color palette (#FFF0FB, #F03B46, #8B6B00, #006553, #221740)
- Worn Coast color palette (#D0F7F4, #00995D, #00737B, #5E009E, #291400)
Browse the whole catalog at Explore, or see today's palette.