Eclipse Pine Terrace color palette — #F9D9F0 · #007747 · #00364D · #1F0200 · #000201

Pine takes the lead with Deep Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F9D9F0): A whisper-light, dusty pink — the color of a candy shop window.
• Pine (#007747): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00364D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#1F0200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged retro, dark, muted.

Use it as a design system

One click turns Eclipse Pine Terrace 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 Field color palette (#FCE9FB, #636A00, #003A38, #1D0015, #000200)
• Charred Station color palette (#F4E9DD, #00736A, #002879, #150A00, #000102)
• Nocturne Abyss color palette (#F2E0D7, #005846, #002838, #230000, #000404)
• Eclipse Study color palette (#D0ECE5, #3B6100, #3A006A, #1D2623, #0D0600)
• Wandering Navy color palette (#E1EDDB, #0E9298, #2F4481, #291700, #060200)
• Hushed Bronze color palette (#FEE7F0, #8E7925, #2C4400, #00211F, #020100)
• Garnet Bloom color palette (#F0DCBD, #008D81, #00647E, #680F3F, #000405)
• Aubergine Station color palette (#E1E2CB, #00859B, #4C00A8, #1D1D00, #000103)

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