Pine Lagoon color palette — #F4F6ED · #8ABD97 · #506BB2 · #007339 · #2D1E2B

Pine and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Mint Leaf (#8ABD97): A luminous, dusty teal — the color of sea glass.
• Slate (#506BB2): A full-bodied, balanced violet — the color of wild irises.
• Pine (#007339): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#2D1E2B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Pine Lagoon 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

• Aged Cypress Dune color palette (#F2F7F1, #AFC8AB, #6E79B1, #007E77, #382833)
• Timeworn Fern Station color palette (#F6F5ED, #A5B876, #007B97, #556900, #16291F)
• Hushed Petrol color palette (#EBF4F5, #60C9B3, #0081A3, #007565, #021019)
• Dusty Byzantium Pier color palette (#EEF8F0, #00B6C9, #8D35A9, #00616C, #291131)
• Gentle Cocoa color palette (#FFF2E9, #4AAB95, #07739E, #7B3800, #2C442E)
• Wandering Lagoon Delta color palette (#F2F7EF, #6FDBC0, #00A2B1, #00967C, #19281D)
• Patina Navy Boulevard color palette (#ECFCD1, #71BFB7, #008095, #00527E, #24327E)
• Timeworn Lagoon color palette (#F2F7F1, #D1DEDC, #ACC6C9, #008779, #444A42)

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