Eclipse Loft color palette — #F6DDE2 · #188A55 · #450852 · #0E0013 · #040100

Royal Purple and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F6DDE2): A whisper-light, dusty red — the color of late-summer berries.
• Fern (#188A55): A full-bodied, balanced teal — the color of shallow lagoons.
• Royal Purple (#450852): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#0E0013): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#040100): quiet, heavy and certain.

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

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

• Weathered Olive color palette (#FFE8E6, #538525, #54002D, #0F1711, #120006)
• Olive Field color palette (#F7E4F1, #5C822D, #211E65, #040021, #050004)
• Misty Moss color palette (#F6DED9, #839F3D, #791E36, #390011, #090000)
• Muted Mulberry Lagoon color palette (#F3D6D5, #7DB675, #823563, #480C33, #1A0405)
• Nocturne Chestnut Lantern color palette (#EAE1F8, #785900, #2F170F, #2A001F, #070004)
• Worn Garnet color palette (#EBE2E0, #B1A197, #93846C, #800E35, #130503)
• Plum Alley color palette (#F7E1E2, #AA4A97, #5A4000, #620055, #030100)
• Aubergine Study color palette (#FCD7E5, #6827A8, #004D5F, #002E3A, #03000A)

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