Hazy Pine Harbor color palette — #CCECD3 · #008543 · #007289 · #6F5400 · #000301

Fern takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CCECD3): A whisper-light, dusty teal — the color of sea glass.
• Fern (#008543): A full-bodied, balanced teal — the color of sea glass.
• Teal (#007289): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#6F5400): A full-bodied, balanced gold — the color of honey in a jar.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Sunlit Corridor color palette (#C8EEEA, #00807A, #0063C5, #4C6200, #000202)
• Terracotta Cabin color palette (#EDF1D3, #6F7600, #007767, #8E3C00, #020200)
• Hushed Indigo color palette (#D4F0F7, #008DA2, #6050FF, #007C29, #00090C)
• Hushed Aubergine Villa color palette (#E3F2DF, #31771C, #540071, #53002C, #000200)
• Sunlit Veranda color palette (#DFE5D0, #73BB98, #00AD99, #41782A, #001208)
• Aubergine Meadow color palette (#DDE2D3, #4E6100, #5E00B8, #740034, #010200)
• Patina Emerald color palette (#D9F1D9, #2FA648, #007C2C, #004614, #000300)
• Antique Moss color palette (#DAE4D0, #829000, #00573F, #001B11, #010200)

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