Pine Harbor color palette — #CEEEE6 · #1F914B · #004735 · #33071F · #000201

A conversation between Fern and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CEEEE6): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#1F914B): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004735): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#33071F): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns 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

• Olive Orchard color palette (#D0E8D7, #7B8100, #294500, #340B0C, #010100)
• Sunlit Emerald color palette (#C4EBE0, #27A946, #005C41, #442000, #000200)
• Charred Bloom color palette (#E9EBDB, #356B41, #00341E, #251100, #000901)
• Patina Bronze Loft color palette (#EEE5CF, #9E7500, #513A00, #19221F, #0C0600)
• Tempered Canyon color palette (#D7F1E8, #5F986D, #007261, #63345E, #000902)
• Moss Summit color palette (#DCFFED, #8FB04A, #30702E, #5D2B1F, #000A07)
• Hushed Denim Pier color palette (#E6F0E5, #925E00, #005699, #3E2500, #000104)
• Ancient Aubergine color palette (#ECE3D4, #704D00, #005154, #4F0260, #020100)

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