Pine Orchard color palette — #E9FBED · #9FAC58 · #277D24 · #654D05 · #124436
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9FBED): A whisper-light, dusty teal — the color of sea glass.
- Sage (#9FAC58): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#277D24): A full-bodied, balanced green — the color of new leaves after rain.
- Bronze (#654D05): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#124436): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Orchard 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 Olive Bloom color palette (#F8F2DE, #A2B15D, #55780C, #504E20, #272000)
- Antique Drift color palette (#E1FCF3, #7AB383, #007B66, #4B580E, #214428)
- Jade Quarry color palette (#E8FAF2, #74B671, #007C5F, #793B43, #15433E)
- Moss Meadow color palette (#DEF1DF, #9C9600, #3A6900, #004F44, #323000)
- Ancient Basin color palette (#E1FDEF, #B5C560, #749244, #6D6B42, #1E4337)
- Washed Driftwood color palette (#F0F7F2, #A6CABC, #688C65, #4A6C74, #41514B)
- Wandering Pine Grove color palette (#DFEFE9, #438C55, #005143, #293300, #00201E)
- Pine Boulevard color palette (#DEFCFF, #A5F2FF, #97BEFF, #358B40, #1E4F5B)
Browse the whole catalog at Explore, or see today's palette.