Hushed Pine Harbor color palette — #FFF2ED · #BEEBF7 · #64B0DC · #148356 · #3E233B

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Frost (#BEEBF7): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#64B0DC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#148356): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3E233B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Terrace color palette (#FEF3EC, #D6D6E5, #69B3FE, #008A72, #2C2C66)
• Airy Delta color palette (#FFF2EF, #B2FFFA, #00ABCE, #107816, #002645)
• Iris Pier color palette (#FBF3ED, #C4F2DE, #5F91E4, #006B61, #1F1246)
• Tempered Cobalt Quarry color palette (#F9F3F8, #A2CDDD, #0082B3, #00633B, #263B59)
• Jade Harbor color palette (#FFF1F2, #D487C9, #35AE7D, #249368, #2B0F27)
• Aged Grove color palette (#FCF3F0, #C1E1E7, #AAC4EE, #729E7E, #5B455B)
• Hushed Denim Workshop color palette (#F4E7E1, #5BB0C1, #005A87, #002D1D, #00000B)
• Cerulean Chapel color palette (#F7F1E8, #B0D1B7, #0089A8, #005C51, #00281D)

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