Pine Harbor color palette — #C2F0EF · #008D55 · #393032 · #002A33 · #000505

Fern and Honeydew set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#C2F0EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008D55): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#393032): a grounded near-black with real depth.
• Midnight (#002A33): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000505): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Shadow Cypress color palette (#C4EEF4, #007060, #312D33, #00161B, #000102)
• Lagoon Market color palette (#DBFDFF, #00A27B, #193A45, #001314, #000201)
• Twilit Olive Market color palette (#C7F0E3, #648300, #002D1B, #0C1218, #000503)
• Softworn Cerulean color palette (#CEF7FF, #008EA1, #002D4F, #26242A, #00090F)
• Softworn Emerald color palette (#E6EED7, #00A56B, #1C6150, #283500, #040500)
• Ancient Forest color palette (#EAF3D9, #00663B, #3C4B53, #001F1F, #070B00)
• Tempered Chapel color palette (#E6FBEF, #A3C887, #32895E, #58521C, #001E19)
• Feathered Mint Delta color palette (#BEF7C0, #22CB9B, #00877D, #00585E, #00202C)

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