Pine Courtyard color palette — #F8F7E1 · #7FB46D · #007F2F · #006044 · #3B3B34
Built around Olive, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F7E1): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7FB46D): A luminous, balanced green — the color of fresh herbs.
- Olive (#007F2F): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006044): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#3B3B34): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Gentle Veranda color palette (#FBF1DC, #92B748, #2E7D49, #00585A, #252102)
- Aged Teal color palette (#F2F8E8, #5AB79A, #007B6C, #005D5F, #30411F)
- Dusty Olive Villa color palette (#FAF5E6, #AEB487, #677D35, #4C6143, #4E4200)
- Hushed Forest color palette (#E5E7D0, #5F9C6A, #00653E, #00493C, #272C07)
- Misty Dune color palette (#E5FCED, #A9C871, #459B5E, #197779, #154439)
- Jade Terrace color palette (#FFF3E4, #C9D78E, #64BB7D, #3797A9, #383F08)
- Antique Market color palette (#F6F7E8, #85E0E3, #00909E, #00675F, #004855)
- Velvet Forest color palette (#DDE1CD, #1A6E47, #003425, #001A23, #000803)
Browse the whole catalog at Explore, or see today's palette.