Pine Market color palette — #F3F7EC · #D6E2D3 · #A1C9AF · #008F52 · #2D3800
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Bone (#D6E2D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A1C9AF): A luminous, dusty teal — the color of glacier melt.
- Fern (#008F52): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#2D3800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Pine Market 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
- Lagoon Veranda color palette (#F1F7F0, #CAE0DE, #A7C6CB, #009A94, #354533)
- Patina Olive color palette (#F8F5EB, #DEE0CB, #B6C3A8, #7E7C00, #35332C)
- Aged Studio color palette (#EDEDD7, #5DC294, #008A82, #45662A, #003823)
- Wandering Emerald Orchard color palette (#EAF9F8, #CFE0ED, #B5BEEB, #009657, #0A2A2A)
- Forest Grove color palette (#ECF8F8, #C3D7D9, #80B0BA, #006B4A, #17393A)
- Muted Lagoon color palette (#E7ECE5, #9CA89F, #708E83, #005145, #050C02)
- Softworn Lagoon Harbor color palette (#D7EAD3, #008A81, #003F50, #00201D, #060900)
- Cerulean Study color palette (#E5F1E3, #70C0B5, #3290BF, #8F4F31, #5D3900)
Browse the whole catalog at Explore, or see today's palette.