Pine Market color palette — #E3F7EF · #89AC78 · #107843 · #225041 · #00221D
Pine and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E3F7EF): A whisper-light, dusty teal — the color of sea glass.
- Sage (#89AC78): A luminous, balanced green — the color of fresh herbs.
- Pine (#107843): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#225041): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Olive Drift color palette (#EAF5EC, #A6A274, #5B6D23, #574316, #002315)
- Muted Lagoon color palette (#E7F5F3, #8DC1A2, #008972, #385D57, #142C2C)
- Teal Courtyard color palette (#DEF2E7, #00B295, #007874, #00484D, #002932)
- Weathered Quarry color palette (#FDF4E2, #7DAA66, #23725B, #4E4B44, #36362F)
- Patina Pine Atelier color palette (#DEF2EC, #4A8952, #005139, #203000, #000A09)
- Wandering Lagoon color palette (#E9FAF0, #B8DDA5, #3A9E7F, #6D643A, #0D2E29)
- Softworn Turquoise Terrace color palette (#D9F8FF, #3EB8D0, #007889, #003B44, #000D11)
- Misty Scarlet Basin color palette (#D5EEF6, #00A5A8, #CB494B, #006263, #390509)
Browse the whole catalog at Explore, or see today's palette.