Pine Harbor color palette — #FFF2EF · #CE6E83 · #328445 · #005767 · #19040D

A conversation between Fern and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Dusty Rose (#CE6E83): A luminous, balanced red — the color of late-summer berries.
• Fern (#328445): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005767): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#19040D): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Worn Denim color palette (#FFF2EB, #CF7F65, #00806D, #00508F, #1F0106)
• Wisteria Lagoon color palette (#FFF1F2, #CA79C2, #767B00, #005E55, #12020F)
• Olive Lagoon color palette (#FFF2EC, #E18C7A, #6D8025, #00545D, #200D3F)
• Wandering Bronze color palette (#FFF4E2, #F59A91, #B26B00, #005D5E, #391507)
• Hazy Rust color palette (#FFEBFA, #BE3C09, #005930, #004222, #040A1E)
• Misty Moss Coast color palette (#FFF1F1, #F488D0, #5B9100, #4E6DB4, #321618)
• Soft Aubergine color palette (#FEF4E0, #947300, #006387, #4F0083, #050000)
• Softworn Plum color palette (#FCF1FF, #B4195F, #005920, #003C4D, #191A2D)

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