Eclipse Pine color palette — #F5E6EF · #007836 · #003940 · #200008 · #000201

Olive takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F5E6EF): A whisper-light, dusty pink — the color of a candy shop window.
• Olive (#007836): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003940): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#200008): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged retro, 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

• Obsidian Corridor color palette (#FFE3EC, #007271, #00325F, #160900, #000102)
• Shadow Fern color palette (#FFE7E2, #205400, #002830, #1D0006, #000201)
• Obsidian Fern Courtyard color palette (#F3DFE7, #6F6500, #003C25, #1A001F, #010100)
• Charred Drift color palette (#CBECE7, #086918, #2B0074, #1D241B, #130300)
• Lagoon Dune color palette (#D9ECE7, #438B61, #00463E, #142000, #000201)
• Pale Navy Veranda color palette (#E7F5D4, #008F6E, #006864, #093185, #000503)
• Patina Denim Pier color palette (#F2E9EF, #69AEBE, #005C81, #002C24, #000105)
• Worn Veranda color palette (#D6EDD2, #339489, #005480, #3A1100, #060003)

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