Pine Meadow color palette — #FFF4DB · #ADB886 · #678E51 · #16784E · #435435
Built around Pine, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#ADB886): A luminous, dusty green — the color of new leaves after rain.
- Olive Leaf (#678E51): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#16784E): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#435435): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged muted.
Use it as a design system
One click turns Pine Meadow 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 Atelier color palette (#FAF7D8, #ABD093, #6BAB5E, #578A5B, #4C4E47)
- Pine Hollow color palette (#F5F7E7, #95BC93, #B786B0, #428441, #674146)
- Forest Workshop color palette (#EFFADE, #BFD0A9, #4C8E67, #096037, #10432A)
- Dusty Lagoon color palette (#F4F9D9, #85C2A9, #279487, #00717D, #335B49)
- Weathered Fern color palette (#FFEEE0, #CBA682, #A18838, #626601, #4E4E47)
- Tempered Fern color palette (#F4F7EA, #BDE0E2, #96C1D4, #88894E, #3D5512)
- Clover Grove color palette (#DAE6CA, #5EBA5A, #008954, #005D53, #004544)
- Muted Plum color palette (#F1F9E6, #70A689, #A176B3, #A45A83, #41443D)
Browse the whole catalog at Explore, or see today's palette.