Periwinkle Harbor color palette — #F2F8E6 · #BCDEFF · #70ACFF · #008FC6 · #192F65
Built around Cornflower, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#F2F8E6): A whisper-light, dusty green — the color of new leaves after rain.
- Powder Blue (#BCDEFF): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#70ACFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#008FC6): A luminous, balanced blue — the color of deep harbor water.
- Navy (#192F65): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Washed Periwinkle Courtyard color palette (#EDF0E7, #B0DFCC, #2FAEFB, #008CAA, #072F52)
- Aged Azure color palette (#D7F0FD, #35B9FE, #0097EB, #006EC4, #002A6D)
- Powdered Loft color palette (#E0E8FF, #819FFF, #FC2DDC, #009FAB, #15204A)
- Pale Periwinkle color palette (#FFF0FC, #E6D4F0, #EAB3E1, #539BFF, #303364)
- Quiet Iris color palette (#FFF1F5, #DBDEF1, #7092FF, #00707F, #271553)
- Sapphire Bloom color palette (#E5EDFF, #A9C6FF, #6B98FF, #1F56EB, #01025C)
- Cerulean Bloom color palette (#DEE0D4, #58C0D9, #0091B6, #006C73, #001622)
- Softworn Harbor color palette (#FAF0E5, #93C0EA, #5965CA, #005154, #260043)
Browse the whole catalog at Explore, or see today's palette.