Periwinkle Harbor color palette — #F3F7E9 · #B8DFFF · #64AFFF · #0091BE · #072E6D
Built around Cornflower, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#F3F7E9): a clean, paper-quiet neutral.
- Powder Blue (#B8DFFF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#64AFFF): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0091BE): A luminous, balanced blue — the color of deep harbor water.
- Navy (#072E6D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Weathered Azure color palette (#D7E7ED, #28C0FC, #009BDF, #0078BB, #003463)
- Linen Alley color palette (#F5F8DE, #8AEAFF, #00BDE7, #00979C, #00384D)
- Muted Periwinkle color palette (#EDF4FF, #DED4EB, #E1B3E6, #60A7E7, #2C3965)
- Faded Hollow color palette (#D6E3F4, #63A6FF, #DB5BEF, #00A19B, #02234C)
- Linen Periwinkle color palette (#E8FBEC, #DBE0F3, #4F99FF, #006F84, #131463)
- Sapphire Station color palette (#E2EDFF, #A6CAFF, #5E98FF, #2964D5, #000F48)
- Hushed Clover color palette (#CEE8FF, #69BDFF, #00C945, #008FDE, #00390D)
- Softworn Aqua Meadow color palette (#E6E8D7, #00C5DE, #0092AF, #006C6E, #001720)
Browse the whole catalog at Explore, or see today's palette.