Eclipse Lagoon color palette — #E3DFD1 · #6D7A31 · #3E3F00 · #161200 · #010100

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

The five colors

• Bone (#E3DFD1): bright and airy, almost weightless.
• Olive (#6D7A31): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3E3F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#161200): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Eclipse 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

• Smoked Bronze Canyon color palette (#FCE2CB, #936932, #593100, #220B00, #020100)
• Ancient Atelier color palette (#EBE6D8, #6E8C4D, #666300, #533A00, #000501)
• Timeworn Driftwood color palette (#E9E1D0, #90892E, #5B4D00, #2C1F00, #010100)
• Tempered Delta color palette (#FFF5D5, #B7C554, #868200, #5A4D00, #131C00)
• Antique Chapel color palette (#FFF3E9, #D8A780, #A86234, #6F3218, #1D0E00)
• Smoked Mulberry color palette (#EFD8D3, #91003B, #493A00, #1A004B, #040001)
• Scarlet Coast color palette (#F2E0D9, #D33C30, #523500, #570202, #020100)
• Airy Plum Corridor color palette (#EAE6FC, #BC6A00, #D10061, #130603, #040000)

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