Shadow Pine Harbor color palette — #E6E8F7 · #008150 · #29004B · #26131F · #080015

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

The five colors

• Frost (#E6E8F7): A whisper-light, dusty violet — the color of a velvet chair.
• Teal (#008150): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#29004B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#26131F): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#080015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Shadow Pine Harbor 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

• Pine Loft color palette (#E7E2F4, #00732A, #301B17, #280025, #070006)
• Onyx Alley color palette (#D5E0F5, #627600, #12005E, #1F0F1F, #02001D)
• Aubergine Summit color palette (#E2E2FC, #00AB85, #58007B, #2A003E, #0E0B22)
• Shadow Dune color palette (#F0D8DD, #836200, #33003F, #170C03, #07000A)
• Garnet Coast color palette (#E4DAE9, #6E9C40, #660037, #2F0017, #110616)
• Softworn Boulevard color palette (#FEE6EE, #74A832, #72349F, #36164D, #030008)
• Olive Coast color palette (#F0E1ED, #748400, #500007, #231508, #1B0001)
• Feathered Meadow color palette (#E3E0F5, #A57C00, #59006C, #1D0025, #02000C)

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