Pine Lagoon color palette — #F6F5EE · #A8B778 · #14844A · #596800 · #222617

Fern takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F5EE): bright and airy, almost weightless.
• Sage (#A8B778): A luminous, balanced green — the color of new leaves after rain.
• Fern (#14844A): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#596800): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#222617): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Pine Courtyard color palette (#F4F6EF, #96D0A7, #00908C, #367E50, #293028)
• Hushed Cabin color palette (#FAF4EE, #D8A35B, #6A7700, #825500, #282414)
• Faded Pine color palette (#E1FFDC, #73B988, #008E61, #00604B, #00443C)
• Hazy Mustard Basin color palette (#F7F1E5, #CDB242, #008398, #776300, #031209)
• Tempered Quarry color palette (#F9F6E3, #61AB6B, #007C60, #1C5376, #3C3E37)
• Ancient Lantern color palette (#F5F6EF, #D5DCD5, #B2C6B6, #607F4A, #484840)
• Teal Quarry color palette (#F1F7ED, #00BC9B, #00727F, #006552, #052411)
• Chalky Mustard Terrace color palette (#EEF8F2, #DDC44D, #20A2A9, #928025, #10282F)

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