Periwinkle Courtyard color palette — #EAF7FF · #96C7F3 · #8FA0D9 · #796D9D · #514867

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

The five colors

• Ivory (#EAF7FF): bright and airy, almost weightless.
• Sky (#96C7F3): A luminous, balanced blue — the color of deep harbor water.
• Blue Fog (#8FA0D9): A luminous, balanced violet — the color of a velvet chair.
• Slate (#796D9D): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#514867): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Periwinkle Courtyard 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 Grove color palette (#D8FFF4, #9AB1DA, #707FBB, #595798, #684454)
• Dusty Turquoise color palette (#D2FAFF, #82D7D7, #50A7C6, #5279A6, #435069)
• Ash Coast color palette (#F0F5FF, #CCC1F8, #B68BBD, #956078, #5D4662)
• Iris Boulevard color palette (#F0F5FF, #B2C3F1, #B1B77E, #778AC0, #315648)
• Taupe Coast color palette (#FFF1F6, #B5D3BF, #B78E9D, #866B80, #384D46)
• Wandering Ash Garden color palette (#F1F5FF, #E1D8E1, #B8ACA1, #87ABC1, #505265)
• Washed Taupe color palette (#F0F5FF, #9EAFE3, #97AF6E, #6C997C, #374358)
• Weathered Summit color palette (#D1E7FF, #96B5FF, #8F6DEF, #8A43A5, #661A49)

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