Pine Market color palette — #EAFAF0 · #8EBAAE · #4C815C · #565673 · #2D4942
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#8EBAAE): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#4C815C): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#565673): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal (#2D4942): 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
- Cerulean Study color palette (#EEF7F5, #A5C9C9, #5C8993, #6A6177, #3A5252)
- Antique Cypress Studio color palette (#EAFAF2, #83A776, #287255, #58415D, #0E3E38)
- Olive Grove color palette (#F4F2E9, #B9B58C, #607F51, #784636, #2B280C)
- Worn Alley color palette (#FAF3F7, #C2E2F5, #668FB2, #01716B, #374864)
- Tempered Pine Balcony color palette (#C7E7DB, #4C8A57, #005142, #4D1C20, #002208)
- Aged Quarry color palette (#FAF5E9, #DBD7AF, #78BF8B, #A98490, #4A4400)
- Amber Hollow color palette (#FFF1F7, #BB763E, #3685A6, #535E9E, #4A2E3B)
- Hazy Chestnut Lagoon color palette (#FFF0F9, #D78966, #3394C4, #9B4C24, #0E4864)
Browse the whole catalog at Explore, or see today's palette.