Olive Lagoon color palette — #F3F2EB · #CFC399 · #619063 · #747717 · #151709

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

The five colors

• Cream (#F3F2EB): a clean, paper-quiet neutral.
• Sand (#CFC399): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#619063): A luminous, balanced green — the color of new leaves after rain.
• Olive (#747717): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#151709): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Olive 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 Studio color palette (#F1F3EB, #A7D0AA, #0F9692, #3B8446, #0E190D)
• Softworn Bronze Meadow color palette (#F1F7F2, #D6BE85, #128D99, #866913, #223036)
• Softworn Meadow color palette (#F4F5D1, #BBC29B, #5D9372, #00654C, #00362D)
• Patina Jade Chapel color palette (#F0F7F4, #CED7A4, #4BB37D, #89943D, #203131)
• Denim Quarry color palette (#F5F3E1, #93B693, #42886D, #0B587F, #292F16)
• Washed Loft color palette (#F3F3E6, #84BA5E, #007E5D, #3A6A00, #000D07)
• Softworn Amber color palette (#F8F5EF, #CDDCCB, #51C2C3, #B99435, #142215)
• Washed Emerald color palette (#E4E6DB, #51A357, #00625E, #005613, #000300)

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