Eclipse Pine color palette — #C3EAE0 · #007C49 · #2A2223 · #001F3C · #000309

A conversation between Pine and Midnight, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C3EAE0): A whisper-light, dusty teal — the color of sea glass.
• Pine (#007C49): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#2A2223): a grounded near-black with real depth.
• Midnight (#001F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. 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

• Shadow Alley color palette (#D6E4D5, #557400, #3A3743, #002423, #000403)
• Bronze Villa color palette (#DDEBFC, #896600, #001C3F, #1A0D14, #000410)
• Shell Workshop color palette (#FAEEF4, #F7ADAB, #5F5C83, #3D2A35, #191115)
• Navy Terrace color palette (#EDD7EB, #B67200, #003082, #000C2E, #00010A)
• Tempered Delta color palette (#EDE0E6, #B596A1, #967079, #3C246A, #0A0205)
• Rust Boulevard color palette (#FFEAE8, #BA5900, #4F0032, #16000B, #040000)
• Hushed Tangerine Quarry color palette (#F5E4E5, #E38354, #6D275D, #2D0F26, #0C0303)
• Cellar Brick Studio color palette (#F6DCE2, #B72F00, #330040, #170C03, #07000A)

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