Pine Courtyard color palette — #E6F7E7 · #A2AF71 · #008042 · #005664 · #1E2400
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E6F7E7): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A2AF71): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#008042): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005664): A full-bodied, dusty blue — the color of open sky before noon.
- Onyx (#1E2400): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, 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
- Jade Studio color palette (#DDFAED, #72BB85, #007C72, #225075, #00290F)
- Washed Pine Orchard color palette (#E3FCF1, #94AC7F, #2B7C40, #005E53, #2D4218)
- Olive Courtyard color palette (#FFECF5, #BAA66D, #5A7700, #58406C, #012813)
- Teal Atelier color palette (#E4F7EF, #78B98B, #007C74, #4B510E, #002911)
- Forest Atelier color palette (#E0EEE4, #809666, #006545, #003F51, #001712)
- Powdered Canyon color palette (#FCF5DB, #C0E79E, #5AA569, #31796D, #22350E)
- Fern Archive color palette (#D4EDD1, #9A9A49, #0F6F13, #582859, #181700)
- Tempered Station color palette (#EBF5ED, #A5CEC1, #5D8D8C, #645D71, #1E3730)
Browse the whole catalog at Explore, or see today's palette.