Olive Lagoon color palette — #F2F1D4 · #758800 · #375800 · #012B04 · #000201

Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F2F1D4): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#758800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#375800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#012B04): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged warm.

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 Bronze color palette (#E7DFD3, #A27C00, #5F5300, #202300, #010200)
• Antique Emerald color palette (#E4F5E0, #009E55, #005E45, #002921, #000404)
• Worn Meadow color palette (#EFEED8, #606B00, #244800, #012603, #00100F)
• Pale Alley color palette (#E3E5CB, #53A13B, #8E00A2, #154800, #030004)
• Pale Studio color palette (#FDEDD3, #988E00, #418200, #006135, #001813)
• Turquoise Villa color palette (#F2F7CF, #83DFC5, #00BEC9, #556300, #000C06)
• Hazy Meadow color palette (#E9F599, #99D124, #00962C, #005A31, #00271A)
• Linen Ultramarine Parlor color palette (#EBF0D4, #007D25, #1834E6, #81010E, #000200)

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