Pine Hollow color palette — #F2F1CF · #88AF30 · #1A8817 · #005C37 · #00322B
Built around Olive Leaf, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Custard (#F2F1CF): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#88AF30): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#1A8817): A full-bodied, vivid green — the color of a quiet forest floor.
- Pine (#005C37): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#00322B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Pine Hollow 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
- Pale Pine color palette (#DCE8D0, #67A041, #0A7518, #004D23, #00322F)
- Faded Emerald color palette (#E8EDD0, #8FBA62, #099A57, #006E55, #004543)
- Frosted Veranda color palette (#E8DDD2, #B59600, #847E00, #425F00, #003B17)
- Wandering Delta color palette (#ACFAD6, #4DC88E, #00865E, #004F2F, #002014)
- Timeworn Pine color palette (#D8F0DC, #008D62, #006962, #003F44, #00151F)
- Hushed Thicket color palette (#ECF5D5, #9BDDD6, #68C4E9, #78863D, #263616)
- Tempered Workshop color palette (#DEE1C1, #74BF63, #CB5396, #1B6601, #4D0232)
- Teal Boulevard color palette (#D6ECE0, #00BDA6, #008E92, #006173, #00384F)
Browse the whole catalog at Explore, or see today's palette.