Olive Lagoon color palette — #F4D7D9 · #6D7200 · #37002E · #1A1002 · #0D000A

A conversation between Olive and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4D7D9): A whisper-light, dusty red — the color of embers at dusk.
• Olive (#6D7200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#37002E): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#1A1002): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0D000A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. 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

• Bronze Workshop color palette (#F6E5DD, #7D6C00, #3C0400, #18180C, #0F0000)
• Softworn Villa color palette (#FFDAD9, #9A9800, #6C0048, #350122, #1F0607)
• Shadow Olive Orchard color palette (#F9D9E9, #388000, #220053, #060018, #050100)
• Hushed Boulevard color palette (#ECDAD0, #A48B00, #5F1C00, #2C0800, #0B0500)
• Timeworn Garnet color palette (#F3E7E3, #BDA491, #9F7738, #6D0113, #1E100A)
• Washed Bloom color palette (#F1ECFF, #299C45, #5F005E, #20001F, #050005)
• Faded Grove color palette (#E3DAEB, #B98F2A, #9E0065, #4D002F, #040008)
• Stone Garden color palette (#FCF4EA, #C8AB68, #684C1C, #322D27, #1C1C12)

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