Eclipse Olive color palette — #F3DED8 · #747C00 · #57001A · #101914 · #130002

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

The five colors

• Shell Pink (#F3DED8): A whisper-light, dusty orange — the color of toasted spice.
• Olive Leaf (#747C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#57001A): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#101914): a grounded near-black with real depth.
• Ink (#130002): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Moonless Bronze color palette (#F5E6F2, #887C00, #3B0003, #1B0A06, #050000)
• Weathered Bronze color palette (#F5DFC2, #906F00, #3B2700, #1B2119, #0A0500)
• Lowlit Dune color palette (#F7E2E3, #318B01, #4F0041, #11000C, #030100)
• Hushed Alley color palette (#F9E4CB, #B28D00, #5F3D00, #271600, #050200)
• Patina Cocoa color palette (#F8EDE4, #AFA38B, #898967, #6A3500, #120600)
• Mustard Hollow color palette (#FDEBDB, #CCB449, #935005, #4F2B0A, #201307)
• Feathered Atelier color palette (#EAE5CC, #E79700, #576200, #2B3200, #130F00)
• Twilit Chestnut color palette (#F0E3CB, #654C00, #003C3C, #002121, #050005)

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