Olive Lagoon color palette — #ECF8F4 · #E8BA90 · #667C2D · #3C481F · #122621

Olive Leaf and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF8F4): a clean, paper-quiet neutral.
• Sand (#E8BA90): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#667C2D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3C481F): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#122621): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Worn Pine Lagoon color palette (#ECF8F8, #F7B192, #008660, #1C4B4C, #142526)
• Tempered Olive color palette (#F7F6E9, #E5E4B2, #707D46, #3A3932, #121003)
• Aged Lagoon color palette (#F9F6E6, #C9AA6A, #4F571A, #2F2E27, #171D10)
• Frosted Azure Pier color palette (#EFF7F3, #CFC785, #1A97E2, #8F8200, #1A252F)
• Tempered Ridge color palette (#EDF8F3, #E6D598, #969A61, #486C5D, #12261F)
• Hushed Bronze Loft color palette (#FEF1F6, #D4C483, #A1600D, #583644, #2C1C22)
• Dusty Apricot Boulevard color palette (#D2EBE9, #FD8634, #006E34, #003918, #001312)
• Wandering Stone color palette (#E0F2FA, #E89CAA, #007081, #003D47, #0A181E)

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