Periwinkle Lagoon color palette — #F0F7F1 · #D8DCFA · #8AA5D7 · #44849A · #3B4763

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Thistle (#D8DCFA): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#8AA5D7): A luminous, dusty violet — the color of wild irises.
• Cerulean (#44849A): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3B4763): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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

• Soft Periwinkle Delta color palette (#EAFAED, #BAE0FF, #569AFF, #007F98, #333C66)
• Wandering Cobalt Cabin color palette (#E8F3EA, #6ABFD5, #007FAA, #005956, #00213A)
• Timeworn Pier color palette (#F4F4FF, #EBDADA, #FCBDBD, #968BB5, #534D63)
• Turquoise Corridor color palette (#FAF4EE, #C5E7EC, #A5BBFA, #3AA8BC, #5C3D4D)
• Worn Turquoise Market color palette (#EEF9F0, #95E4ED, #2BA5C4, #007E6E, #153F55)
• Powdered Wisteria color palette (#F5F3FF, #CA86DD, #B9914C, #18989D, #38344D)
• Hushed Field color palette (#D9EADC, #3B9ECB, #005B97, #003A41, #000526)
• Weathered Lilac color palette (#E6E9FF, #BCB1FF, #A07ACA, #835990, #4B4164)

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