Pine Lagoon color palette — #F8F1E5 · #B9B58D · #2A885E · #704753 · #2A2817

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sage (#B9B58D): A luminous, dusty green — the color of fresh herbs.
• Fern (#2A885E): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#704753): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#2A2817): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Timeworn Petrol color palette (#F2F3E6, #86C1AF, #1C838F, #6D4B46, #222A1B)
• Olive Pier color palette (#FFEFDF, #B6AA50, #3E7D00, #6C4011, #2A1F00)
• Worn Market color palette (#F8F3D2, #ABC686, #6D8702, #394800, #101800)
• Stone Hollow color palette (#EAFAEE, #B7CE98, #6A9C82, #716D8C, #2B4942)
• Powdered Bloom color palette (#FFE6D2, #CB9E4A, #8F7F00, #455A00, #262C09)
• Washed Emerald color palette (#EEE5C9, #57AB5A, #006A5C, #5D2554, #001D02)
• Wandering Summit color palette (#F5F3DE, #93B05A, #6C84EC, #556F12, #1C2447)
• Dusty Balcony color palette (#F7F0EC, #C7E4D5, #5E91CB, #006E5D, #3C2233)

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