Pine Courtyard color palette — #E5FBF1 · #87A353 · #337B40 · #00576A · #1E453E
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#87A353): A luminous, balanced green — the color of fresh herbs.
- Olive (#337B40): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#00576A): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#1E453E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Dusty Villa color palette (#E5FBF4, #82B596, #318778, #395C81, #344D4E)
- Olive Ridge color palette (#E8FBED, #B9904A, #786B00, #005C49, #2C4432)
- Washed Terrace color palette (#E6FAF7, #509D51, #007271, #004C77, #42370C)
- Quiet Lime color palette (#E8FAF4, #E7DF73, #94C643, #589D62, #16443C)
- Washed Moss Chapel color palette (#FFECF3, #AB9F2F, #227D57, #523C60, #062921)
- Dusty Ridge color palette (#D7FFF6, #00A28D, #006E73, #2C3795, #003F3A)
- Weathered Mustard color palette (#FFF3E7, #BFB53C, #4F9776, #6F5882, #3E3D36)
- Misty Quarry color palette (#BDF2E0, #009733, #006149, #003C5C, #003219)
Browse the whole catalog at Explore, or see today's palette.