Eclipse Garden color palette — #D4E4DF · #4C6100 · #002E43 · #192200 · #000103

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

The five colors

• Silver (#D4E4DF): bright and airy, almost weightless.
• Olive (#4C6100): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002E43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#192200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged duotone, dark, muted.

Use it as a design system

One click turns Eclipse Garden 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 Forest Drift color palette (#D4E6C6, #006543, #003331, #000D10, #000103)
• Nocturne Navy color palette (#D8EBED, #006754, #1F007D, #00251D, #00000C)
• Ancient Dune color palette (#E1E5D4, #009346, #004644, #003515, #000200)
• Tempered Balcony color palette (#D8E7E6, #7E9195, #487184, #00331A, #000202)
• Deep Onyx color palette (#D1EDEC, #004824, #260052, #121A13, #150200)
• Nightshade Thicket color palette (#DAEFF0, #008D6D, #3400BE, #004130, #00000C)
• Washed Ridge color palette (#E3F7F3, #71BE59, #007699, #256D00, #000B14)
• Indigo Courtyard color palette (#E8F4F7, #59C9B9, #5A69CF, #007569, #080E1A)

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