Periwinkle Harbor color palette — #EEF8F0 · #AFDAFC · #7197CD · #1E788C · #2C3A55

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

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Powder Blue (#AFDAFC): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7197CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#1E788C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#2C3A55): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Antique Coast color palette (#EAFAED, #79D9FF, #0095DD, #007177, #0A3262)
• Lagoon Cabin color palette (#F0F7F1, #CAE2FF, #69B1C6, #388B7B, #2E4B60)
• Tempered Cobalt color palette (#FEF1F6, #AFC8DF, #5777B4, #005E66, #2F3959)
• Hushed Turquoise Terrace color palette (#E3F6E7, #3EB2CB, #007095, #004A47, #001527)
• Weathered Coast color palette (#FCF4EC, #C4EADE, #96B1EA, #009EAD, #38345F)
• Patina Ultramarine Pier color palette (#DEF0E1, #5B97CF, #2551AE, #003949, #060129)
• Coral Study color palette (#F6DAF8, #EA6177, #629C2C, #417ABA, #372338)
• Feathered Ridge color palette (#F9E8FD, #F37D9A, #00ACA1, #AC4F66, #003F3A)

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