Eclipse Loft color palette — #F3EEDF · #4E3D00 · #030B9D · #1B006E · #030200

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

The five colors

• Cream (#F3EEDF): A whisper-light, dusty green — the color of fresh herbs.
• Deep Olive (#4E3D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Indigo (#030B9D): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#1B006E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#030200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. Tagged dark, vibrant.

Use it as a design system

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

• Shadow Onyx color palette (#F8E6D0, #573800, #00355D, #22104C, #030100)
• Charred Aubergine Ridge color palette (#E6EFD7, #364600, #42007E, #370052, #010200)
• Linen Boulevard color palette (#E0EBD8, #3E6800, #6A0FA5, #65006A, #091600)
• Cellar Corridor color palette (#E1F2ED, #825300, #1A181F, #0A1900, #010300)
• Faded Ultramarine Market color palette (#F0E2C4, #8B6900, #005BD9, #5540B2, #030200)
• Shadow Summit color palette (#FCEACE, #4F3600, #003D0D, #470013, #020100)
• Smoked Fern color palette (#D5E4D7, #645B00, #3B2800, #1F0A00, #020400)
• Nightshade Thicket color palette (#BFF1E2, #7B9932, #66459C, #782660, #05342A)

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