Eclipse Bronze color palette — #F5E9F4 · #867A00 · #55000D · #180001 · #030003

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

The five colors

• Blush (#F5E9F4): bright and airy, almost weightless.
• Olive Leaf (#867A00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#55000D): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#180001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Eclipse Bronze 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 Study color palette (#FAE4F2, #AA6A00, #491000, #1B1907, #180200)
• Deep Coast color palette (#F1DBE7, #7A6700, #2E382C, #361200, #070100)
• Charred Olive Market color palette (#E9E4F8, #6C8400, #490046, #130012, #020006)
• Garnet Summit color palette (#F1DCD5, #A49400, #85001E, #390108, #080100)
• Hushed Bronze color palette (#FDE5DD, #A45D00, #554600, #1F2300, #000601)
• Amber Corridor color palette (#FDEADF, #E18B03, #6D1A00, #131A13, #150200)
• Softworn Cocoa color palette (#EEE7EA, #A9B8AC, #73968A, #653600, #14060C)
• Aged Amber Hollow color palette (#D4E3DC, #B4832B, #3C3B00, #141300, #000201)

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