Olive Lagoon color palette — #F8F1E3 · #A5AE78 · #4A7A24 · #5A4B00 · #1F2300

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

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Sage (#A5AE78): A luminous, dusty green — the color of new leaves after rain.
• Olive (#4A7A24): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#5A4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#1F2300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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

• Cypress Villa color palette (#F3F3E0, #81B692, #007E64, #6F3F00, #002912)
• Gentle Pine color palette (#EAFAEB, #A1AB59, #007F34, #6C4900, #1D4336)
• Aged Fern color palette (#F0E3CC, #969B4B, #426800, #004B31, #161800)
• Feathered Moss Coast color palette (#E7FBEE, #B7C27F, #5F9833, #796821, #393E14)
• Worn Basin color palette (#F5F2E8, #C7C4AD, #6D8D67, #59664E, #32312A)
• Hazy Archive color palette (#DAE4D9, #2BB97A, #008564, #004D47, #00292A)
• Pine Garden color palette (#F1F0D8, #4D8859, #00513A, #1E3000, #000B02)
• Teal Station color palette (#C5FFFA, #2FC4BA, #007D7C, #003E3C, #001514)

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