Periwinkle Lagoon color palette — #F6EDE5 · #B2DED0 · #7EA2F2 · #008F9D · #2C2554

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

The five colors

• Cream (#F6EDE5): bright and airy, almost weightless.
• Silver (#B2DED0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#7EA2F2): A luminous, balanced violet — the color of wild irises.
• Cerulean (#008F9D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#2C2554): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Periwinkle Lagoon 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

• Frosted Field color palette (#F5ECE9, #BADDC4, #25B2EB, #009478, #012E5A)
• Softworn Cobalt Parlor color palette (#E6F1F0, #A8C9E5, #4C8AC7, #006787, #0E2D58)
• Hushed Pier color palette (#FAF4F0, #C4E9E5, #8BC6EB, #48AC99, #573D57)
• Wandering Ember Field color palette (#D3E5D8, #00B2C9, #D266C2, #E84500, #00242A)
• Petrol Pier color palette (#F2E5E9, #89BADE, #4869AB, #004A51, #140E34)
• Blush Delta color palette (#D4E3D1, #32C7BC, #FD6196, #00968D, #4D0A25)
• Hushed Cobalt color palette (#F8EDE6, #81B9D1, #0D88DB, #006D68, #06014A)
• Airy Grove color palette (#DEF4DE, #55C488, #009F8D, #007B7C, #00313A)

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