Periwinkle Harbor color palette — #CDF5DD · #91D8FF · #6DB1FF · #6A7AC4 · #5F3F51

Built around Cornflower, softened by Periwinkle — the whole palette hums with nature and growth.

The five colors

• Honeydew (#CDF5DD): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#91D8FF): A whisper-light, balanced blue — the color of open sky before noon.
• Cornflower (#6DB1FF): A luminous, balanced blue — the color of deep harbor water.
• Periwinkle (#6A7AC4): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5F3F51): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged 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

• Periwinkle Alley color palette (#EBF7FF, #BADEFF, #65A9F6, #506FA3, #563751)
• Airy Lagoon color palette (#C0F1E1, #A8C5FF, #A89BFF, #9675BC, #5F3741)
• Turquoise Quarry color palette (#D6F0CC, #5CE2F1, #00BEE4, #3C8EC5, #314867)
• Cobalt Courtyard color palette (#C1ECFF, #69B4E3, #4375B5, #3A4D8C, #242647)
• Faded Periwinkle color palette (#FFEFFF, #AACFFF, #EAC559, #5995E3, #4F4114)
• Amethyst Meadow color palette (#D1EDFE, #73B0FF, #7785FF, #7F29F0, #471C5F)
• Antique Sand color palette (#DBF0D1, #FFC187, #C1BFFF, #735B68, #2C2027)
• Faded Bloom color palette (#DCE0EE, #C2B4FF, #BF6EFF, #B24CAE, #63254C)

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