Periwinkle Harbor color palette — #FCF1FD · #63A7FB · #BC6165 · #42693B · #383932

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

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Cornflower (#63A7FB): A luminous, balanced blue — the color of deep harbor water.
• Mocha (#BC6165): A luminous, balanced red — the color of embers at dusk.
• Olive (#42693B): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#383932): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Timeworn Sky color palette (#E6FBF2, #28B2EC, #AE687B, #755904, #3E390C)
• Antique Lilac Lantern color palette (#FFF0F8, #AAA7F2, #B97B5F, #3B775F, #37482D)
• Dusty Garden color palette (#F0F5FF, #AAB7F2, #BA7085, #725800, #003429)
• Washed Quarry color palette (#E5FBF2, #3192C7, #944D2C, #2D531B, #003D2C)
• Tempered Garden color palette (#FFF1F4, #C686E6, #9D7B1C, #2A6C51, #00413F)
• Faded Iris color palette (#FFDCF4, #707AFF, #B93000, #00572F, #002C1C)
• Hushed Turquoise color palette (#FCF3EF, #B0F3F6, #68B0C8, #55876F, #2C5046)
• Sunlit Mallow Workshop color palette (#DADFFF, #C3A3FF, #B07AC6, #955B83, #633E3C)

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