Pine Market color palette — #E8F5F2 · #9BBE9B · #46845D · #3A5A68 · #122D2A
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#E8F5F2): a clean, paper-quiet neutral.
- Sage (#9BBE9B): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#46845D): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#3A5A68): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#122D2A): A deep, shadowed, dusty teal — the color of sea glass.
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
- Weathered Lagoon Villa color palette (#E7F5F6, #A2CCD2, #43928B, #4F6477, #213538)
- Patina Villa color palette (#E2F8F0, #8EAA7C, #397438, #653A26, #02221D)
- Tempered Pier color palette (#FAF5EA, #A4B88B, #4E805E, #6E4F5C, #494400)
- Dusty Teal Grove color palette (#EFF8F2, #B2EBF3, #75AD84, #707392, #243E38)
- Jade Studio color palette (#D2EBEA, #00AE86, #006A5C, #004460, #001B13)
- Deep Pine Quarry color palette (#CBE6E3, #007C49, #00412E, #00222D, #000401)
- Pine Coast color palette (#DCF2ED, #4B8950, #00522C, #421F00, #000A09)
- Fern Grove color palette (#D4E6D8, #645900, #2B2C00, #2D000A, #010100)
Browse the whole catalog at Explore, or see today's palette.