Pine Harbor color palette — #FFF3E9 · #FBE2A3 · #8DB471 · #007D5A · #00393B

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Peach Cream (#FBE2A3): A whisper-light, balanced gold — the color of old brass.
• Sage (#8DB471): A luminous, balanced green — the color of fresh herbs.
• Teal (#007D5A): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00393B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Antique Olive Grove color palette (#FFF1F1, #FFD2A6, #B59E47, #537829, #00392C)
• Muted Olive color palette (#FEF0C2, #B0BC77, #52872B, #005C34, #002920)
• Lagoon Boulevard color palette (#FFF4E0, #C1F2D7, #85C1A0, #308B8D, #004159)
• Muted Parlor color palette (#FBF0BF, #D1D9A1, #91BE72, #029E5D, #004B3C)
• Hushed Courtyard color palette (#E2FFB8, #59CC9B, #00898E, #004B64, #08003E)
• Teal Workshop color palette (#E1F1E3, #00B0A2, #007082, #003062, #050018)
• Weathered Forest Grove color palette (#FAEDDE, #9E8C00, #016918, #00211A, #000102)
• Honey Veranda color palette (#FFF2EB, #EAC776, #50A580, #775288, #33322B)

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