Periwinkle Pier color palette — #EEF6FF · #BAD2FF · #8E9DD9 · #6C6C9D · #473A6A

Built around Blue Fog, softened by Navy — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Lilac Frost (#BAD2FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#8E9DD9): A luminous, balanced violet — the color of wild irises.
• Slate (#6C6C9D): A full-bodied, dusty violet — the color of wild irises.
• Navy (#473A6A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Wandering Terrace color palette (#DCFFEA, #89D5FD, #6DA5CF, #4C759F, #2F4975)
• Patina Mallow color palette (#FFF1F6, #E6C2FE, #B58CBC, #8E6388, #613353)
• Wandering Courtyard color palette (#ECF7FF, #CAE1FF, #AAB6EC, #8F7FCB, #5B3677)
• Tempered Powder Chapel color palette (#FFF2EF, #98BFFF, #8A8CC3, #8A6460, #53414F)
• Byzantium Balcony color palette (#E4E5F7, #AB8FFF, #884EC1, #6A2587, #420046)
• Iris Courtyard color palette (#FDECF9, #7794F9, #63525C, #3D353B, #242024)
• Weathered Ash Workshop color palette (#EEF8F5, #E0D4D2, #A6A499, #6B9EA4, #4C5552)
• Patina Cocoa Lantern color palette (#FFF0F9, #E6CAD7, #BA9EA5, #937F78, #763B17)

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