Pine Lagoon color palette — #FAF5E8 · #8CA476 · #1E7449 · #583F67 · #36362F

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Moss (#8CA476): A luminous, dusty green — the color of new leaves after rain.
• Pine (#1E7449): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#583F67): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#36362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication, 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

• Washed Pine color palette (#E0F8F0, #8BAC6F, #3F7337, #5D394F, #05211C)
• Ancient Moss color palette (#F9E9D2, #9A9700, #366A00, #692359, #313000)
• Tempered Field color palette (#F7F6E8, #92BB9C, #008673, #754D51, #3D4800)
• Lagoon Canyon color palette (#E7E5D6, #5C9C6E, #006355, #612A2A, #0B3119)
• Muted Cobalt color palette (#FCF3ED, #ABCEBD, #397CB9, #00605D, #2E385C)
• Wandering Olive Basin color palette (#EDE7D3, #5C8755, #00523B, #431C46, #1B1D00)
• Mint Bloom color palette (#FFF3E9, #F5D9A9, #98C782, #A35455, #413C36)
• Dusty Teal color palette (#EBF9F3, #B9D4A1, #7CAE84, #877D9E, #0E3E36)

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