Sunlit Pine Harbor color palette — #FEF1FA · #97ECEC · #00ADCD · #008756 · #144461

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

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Sea Foam (#97ECEC): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00ADCD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008756): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#144461): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Powdered Azure Pier color palette (#FEF1F8, #A6E6FF, #21A2FC, #00837C, #303E64)
• Powdered Delta color palette (#FFF2EE, #A7F5F4, #57C6EC, #49A85D, #0B4074)
• Timeworn Cerulean Canyon color palette (#F4ECF2, #82D3DF, #0093C0, #006E56, #122F4D)
• Powder Lantern color palette (#F9F3F7, #D7D5E7, #81B9DA, #559485, #435469)
• Wandering Mint Grove color palette (#AAF4C9, #00D4AC, #00A49D, #006B7F, #004862)
• Teal Bloom color palette (#F5E7F0, #3DB6B1, #007384, #004D29, #001623)
• Rose Garden color palette (#CEF2FF, #00B0BA, #FE2F5C, #D74300, #00383C)
• Wandering Balcony color palette (#F7EDF2, #639CB0, #005D93, #003C37, #01032A)

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