Periwinkle Harbor color palette — #F4EDE3 · #B2D8FA · #74A4F7 · #008CAC · #242856

Cornflower and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Powder Blue (#B2D8FA): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#74A4F7): A luminous, balanced violet — the color of twilight just after sunset.
• Cerulean (#008CAC): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#242856): 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

• Hushed Station color palette (#F5EDE1, #99E2E9, #3EB5D4, #00937F, #003248)
• Patina Lagoon color palette (#FCF2F5, #D8DDFA, #7F8BD6, #00696D, #2A0A44)
• Tempered Cobalt color palette (#F2E7D7, #7BB9D8, #2A89CE, #006C75, #001135)
• Hushed Drift color palette (#EDDBC7, #FEB04B, #2EA9FF, #996000, #002B49)
• Sapphire Market color palette (#E4EBE5, #98B7D5, #3867BD, #00495A, #0F1132)
• Worn Orchid color palette (#F3E1CB, #D19000, #00AAAD, #B05ECC, #2C1B00)
• Wandering Teal color palette (#F9F4EE, #CFE5DD, #98D2DA, #7AAF99, #395144)
• Amber Station color palette (#FFF2E3, #ECE2AF, #B8D39C, #CB7F4F, #312E28)

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