Pine Market color palette — #E4FBF7 · #F7C3A3 · #417137 · #0D3105 · #000504

Olive and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4FBF7): A whisper-light, dusty teal — the color of glacier melt.
• Wheat (#F7C3A3): A whisper-light, dusty gold — the color of old brass.
• Olive (#417137): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#0D3105): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000504): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Timeworn Cypress color palette (#E7F9FE, #FDBDC0, #007272, #002F2F, #000507)
• Hushed Basin color palette (#EBFAED, #E7CD94, #805C00, #352500, #000601)
• Lagoon Corridor color palette (#E7F9FA, #FFDDD2, #32886A, #004430, #001314)
• Weathered Pier color palette (#EFEFE3, #E5C47F, #699836, #485E32, #181706)
• Amber Pier color palette (#D9EFE9, #C19A41, #315100, #00221C, #000705)
• Iris Station color palette (#EDF8F4, #C7DB86, #7A90F9, #607000, #010414)
• Faded Mulberry color palette (#E5F9FF, #2AB2B0, #007B91, #8F0050, #001110)
• Moonless Ember color palette (#C8E9ED, #D06C60, #00332B, #070C0F, #000201)

Browse the whole catalog at Explore, or see today's palette.