Pine Harbor color palette — #CCEEEA · #388660 · #00523E · #003330 · #000803

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

The five colors

• Honeydew (#CCEEEA): A whisper-light, dusty teal — the color of sea glass.
• Fern (#388660): A full-bodied, balanced teal — the color of sea glass.
• Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#003330): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Muted Balcony color palette (#E1E4D2, #009159, #004734, #00211E, #010100)
• Tempered Lagoon color palette (#CEE6E4, #4D9473, #00614D, #003E53, #00140A)
• Patina Olive Veranda color palette (#E1EFE6, #787A29, #3E4C00, #00342B, #060600)
• Hushed Hollow color palette (#E3F3F1, #549EB3, #00617E, #003B40, #000B13)
• Muted Grove color palette (#D8EAE0, #A3AA77, #607E12, #006458, #282C00)
• Linen Dune color palette (#CEF4F4, #5DC0A2, #008B7A, #00628D, #00372A)
• Soft Mulberry color palette (#E1E7FF, #3F46B7, #87006A, #00464E, #01000F)
• Patina Lagoon color palette (#E9F9F6, #9CD0CB, #669D7E, #437B88, #2A4946)

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