Eclipse Loft color palette — #F5E1E9 · #6712BA · #5A2200 · #00250E · #000010

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

The five colors

• Rose Water (#F5E1E9): A whisper-light, dusty rose — the color of strawberry cream.
• Plum (#6712BA): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#5A2200): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#00250E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000010): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Velvet Drift color palette (#E0E6FA, #491BB4, #361D00, #001101, #000103)
• Wandering Lapis Veranda color palette (#EDEBC8, #604BC1, #6E0050, #00261C, #070010)
• Garnet Dune color palette (#DBF5EB, #005980, #601900, #00240A, #000204)
• Linen Plum Station color palette (#F5E1E1, #AA1F85, #5D4A00, #003A36, #0D0010)
• Shadow Aubergine color palette (#E7EBFF, #3B0078, #360010, #00080C, #080000)
• Misty Byzantium Basin color palette (#E8EEFF, #8C4ACC, #74007C, #3E0022, #0D0001)
• Hushed Plum color palette (#F3E8FF, #BA0079, #A20900, #4F3400, #000204)
• Frosted Indigo color palette (#F8E0ED, #6F5ADC, #825500, #004845, #210818)

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