Eclipse Pine color palette — #F9E6EB · #009050 · #420057 · #110019 · #040001

Built around Fern, softened by Royal Purple — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F9E6EB): A whisper-light, dusty rose — the color of a warm blush.
• Fern (#009050): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#420057): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#110019): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

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

• Olive Workshop color palette (#FCDEDA, #588839, #51002C, #160008, #040100)
• Eclipse Navy Basin color palette (#F2E1EC, #658433, #201A65, #050027, #040002)
• Aubergine Pier color palette (#E9E6F5, #4AA780, #691E70, #300034, #03000E)
• Hushed Moss color palette (#FEE3E0, #6DA910, #730044, #2F0018, #090003)
• Fern Lantern color palette (#F8E6DF, #545F00, #2E0004, #100802, #040000)
• Weathered Garnet color palette (#F2EAFF, #C79A2C, #680C52, #311C15, #14000E)
• Dusty Garnet Grove color palette (#F5E9E7, #BFB0A6, #9D8A6F, #761C39, #150604)
• Mint Thicket color palette (#FBEEF0, #91C294, #6D446B, #371B36, #15080A)

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