Eclipse Pine color palette — #F0D9F3 · #1F7805 · #003844 · #210006 · #000201

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

The five colors

• Thistle (#F0D9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Olive (#1F7805): A full-bodied, vivid green — the color of a quiet forest floor.
• Deep Teal (#003844): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#210006): A deep, shadowed, dusty red — the color of embers at dusk.
• 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

• Midnight Forest Lagoon color palette (#F3E2D9, #005931, #002931, #220009, #000503)
• Twilit Terrace color palette (#E9DBE5, #796000, #003C2A, #1B001D, #010100)
• Aubergine Workshop color palette (#D0EAE3, #3F6000, #3F0062, #1D2319, #140200)
• Patina Lagoon Hollow color palette (#D3EEE5, #398C65, #004545, #171F00, #000202)
• Inked Navy Villa color palette (#FFE4EE, #00736C, #001890, #170800, #000102)
• Misty Aubergine color palette (#EDE4D1, #009068, #00666F, #630C57, #000503)
• Washed Delta color palette (#E2F6E8, #008886, #1F00C5, #231A00, #000102)
• Pale Chapel color palette (#FFE6F0, #00A08B, #0052A4, #422200, #000506)

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