Pine Basin color palette — #F7F6E7 · #8DAE7E · #3A7A41 · #435A00 · #254413
Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6E7): bright and airy, almost weightless.
- Sage (#8DAE7E): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#3A7A41): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#435A00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#254413): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Basin 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
- Forest Veranda color palette (#EEEDD5, #66A45A, #006D30, #00503B, #0B3801)
- Ancient Driftwood Drift color palette (#F5F6EE, #BEC4AB, #738B4A, #576D4D, #475408)
- Emerald Lantern color palette (#E4FCF0, #9BCA86, #009F6D, #6F6C1E, #2B4220)
- Hushed Fern Corridor color palette (#F0E7D4, #7E7D42, #414A00, #173700, #1D1C00)
- Timeworn Chartreuse Alley color palette (#E4FBF4, #9FE485, #68BB74, #7D9161, #18433D)
- Timeworn Sapphire color palette (#D5F5DB, #00919C, #465EEF, #2A7300, #00383D)
- Tempered Lagoon Courtyard color palette (#F6F6EB, #BBD7B9, #009198, #00685A, #004952)
- Muted Teal Studio color palette (#CCE6E0, #00B6A8, #008482, #005C60, #133E57)
Browse the whole catalog at Explore, or see today's palette.