Periwinkle Harbor color palette — #F0F5FF · #C2D4FF · #CDCB8C · #8EA7E3 · #315645

Cornflower and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lilac Frost (#C2D4FF): A whisper-light, dusty violet — the color of wild irises.
• Pistachio (#CDCB8C): A whisper-light, balanced green — the color of new leaves after rain.
• Cornflower (#8EA7E3): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#315645): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Calm, Sophistication, Softness. Tagged light, muted, cool.

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

• Ancient Periwinkle color palette (#EEF6FF, #B8D8FF, #F7B78F, #80ABE1, #624252)
• Powder Boulevard color palette (#FFF0FA, #B4C0FF, #BCB471, #7E88BD, #504D46)
• Mallow Market color palette (#F6F3FF, #FCBAFE, #A3D79D, #C198C1, #2C5650)
• Orchid Lantern color palette (#F3F4FF, #D7B2FF, #CBC922, #A76BDF, #3E3D00)
• Dusty Powder Chapel color palette (#F1F5FF, #E6D4EE, #B9ABE6, #8684B4, #2C3352)
• Timeworn Studio color palette (#D6EEFF, #FFD875, #ABDAFF, #5E6A75, #2B3034)
• Mallow Ridge color palette (#EEECFF, #E69EFF, #7CC579, #AF78C2, #1B3F1B)
• Dusty Seafoam Pier color palette (#F2F5FF, #ACEFD4, #9B99C4, #646C85, #292B32)

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