Pine Lagoon color palette — #F6E9D5 · #9DB854 · #008E54 · #006679 · #283300

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Parchment (#F6E9D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9DB854): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008E54): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#006679): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#283300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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

• Softworn Emerald color palette (#E1FEE6, #B7CF71, #009656, #006375, #1B2200)
• Muted Olive Dune color palette (#FFE6D3, #C8A73F, #648500, #006962, #392C00)
• Antique Parlor color palette (#F3ECCB, #6CC088, #008A82, #165E98, #01381B)
• Mint Lagoon color palette (#F0ECD2, #4CC584, #008985, #55620E, #00381E)
• Worn Mustard color palette (#FBE7D6, #C8A822, #608524, #704784, #382D00)
• Forest Workshop color palette (#D6F3E7, #74A05B, #006D37, #004E48, #183700)
• Muted Olive Study color palette (#FFF3E7, #C3B389, #648E53, #7E5660, #38352E)
• Washed Forest Basin color palette (#EFDDC9, #959757, #317135, #603159, #211A00)

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