Muted Periwinkle color palette — #BAF1E2 · #A6CFFF · #77A5FF · #657DC2 · #603F57

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

The five colors

• Sea Foam (#BAF1E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#A6CFFF): A whisper-light, balanced blue — the color of open sky before noon.
• Cornflower (#77A5FF): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#657DC2): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#603F57): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Softworn Studio color palette (#C6F5DE, #7CC5FF, #518EF4, #6567B2, #643E50)
• Periwinkle Chapel color palette (#E8F8FF, #C1E2FF, #6F9AE5, #6965A0, #333655)
• Chalky Cobalt Basin color palette (#C9F3F9, #70B2E5, #4F76BD, #4F4B87, #382648)
• Lilac Boulevard color palette (#FFDEF3, #C3BFFF, #AD95FF, #8F71B8, #544264)
• Frosted Bloom color palette (#C0F3FF, #69D8FB, #00B6EC, #4193C0, #294B66)
• Mint Market color palette (#FDF1FB, #B6CBFF, #3ADBAE, #7A9AF1, #40443D)
• Softworn Amethyst color palette (#D4DFFA, #96A5FF, #847FFF, #773CE7, #3C1E65)
• Worn Ash Terrace color palette (#FFF0F9, #E4DAE3, #CBB1A4, #9CAAD5, #58454E)

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