Eclipse Pine color palette — #FBDCDE · #0A7E1B · #39002F · #180F04 · #080006

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

The five colors

• Shell Pink (#FBDCDE): A whisper-light, dusty red — the color of late-summer berries.
• Olive (#0A7E1B): A full-bodied, vivid green — the color of fresh herbs.
• Deep Indigo (#39002F): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#180F04): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#080006): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Onyx Studio color palette (#F2E1E7, #007A5D, #2C004C, #160902, #05000E)
• Charred Study color palette (#FFE7DA, #6A6D00, #3C0900, #16160C, #090100)
• Powdered Canyon color palette (#F0ECFF, #569800, #5A0E5E, #1F0021, #02000A)
• Antique Moss color palette (#F3DED1, #969230, #612200, #240800, #040100)
• Aged Alley color palette (#EEE3DF, #AC9D8F, #937831, #6B000F, #0C0200)
• Antique Chestnut Balcony color palette (#F9F1E3, #C9B07C, #6C5000, #342500, #100C05)
• Airy Plum color palette (#F6DFDF, #A82F83, #2E3D00, #4E0039, #010100)
• Timeworn Garnet Archive color palette (#FFEEE6, #A8B132, #920701, #410804, #130300)

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