Periwinkle Harbor color palette — #F8F3F8 · #E7D6D7 · #B4AEA1 · #67A5FF · #4A394A

A conversation between Cornflower and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E7D6D7): bright and airy, almost weightless.
• Ash (#B4AEA1): a calm mid-gray that lets other colors speak.
• Cornflower (#67A5FF): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#4A394A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Iris Lantern color palette (#F2ECF1, #E1CECE, #CFB1AD, #738DDF, #352A33)
• Antique Pier color palette (#FAF3F5, #E4D8D5, #BBB2A4, #B69EDA, #504448)
• Muted Turquoise color palette (#EEF8F3, #CEDDDE, #B6B19E, #00B5E5, #2D463A)
• Tempered Lilac color palette (#EFD6E4, #9A8FFF, #745C84, #563649, #180D17)
• Muted Petrol color palette (#EBF3FD, #D9D3EA, #BABED4, #456BA4, #1A2634)
• Dusty Wisteria Archive color palette (#FFF4E2, #A2C0FF, #B979F9, #A46E00, #2E2E60)
• Peony Alley color palette (#FFF0FB, #9EB2FF, #F15A93, #917000, #003A2F)
• Timeworn Jade color palette (#FCF5E4, #C7D69E, #82B570, #4990BF, #364008)

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