Periwinkle Harbor color palette — #FBF4EE · #C4F0DD · #89A6D5 · #418980 · #5C3C4E

Blue Fog and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Honeydew (#C4F0DD): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#89A6D5): A luminous, dusty blue — the color of deep harbor water.
• Fern (#418980): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#5C3C4E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Washed Boulevard color palette (#FCF3F0, #D0EFCD, #53B3CE, #638560, #2E4F47)
• Tempered Lagoon color palette (#FAF3F6, #D8D4DF, #95BDF4, #009498, #313E5F)
• Washed Periwinkle color palette (#FFF3E9, #A9E5FF, #4D9CFF, #008473, #3B3A64)
• Muted Driftwood Field color palette (#FCF3EF, #BEE6F1, #8EBDAB, #7F8C67, #5D4C5B)
• Pale Lilac Studio color palette (#FFF1F6, #B68FE8, #87A45A, #429166, #4A2E39)
• Softworn Grove color palette (#EEF7F7, #C9E0F1, #5C90B9, #0A6D85, #314A64)
• Oat Alley color palette (#FFF0F8, #F1D3D8, #E9C196, #77A798, #564149)
• Weathered Atelier color palette (#D3EDFF, #9DB2FF, #9384DE, #855D91, #643E53)

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