Periwinkle Courtyard color palette — #E8F1E7 · #B8D7F6 · #87A0EF · #008EA2 · #2F264F

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

The five colors

• Cream (#E8F1E7): a clean, paper-quiet neutral.
• Powder Blue (#B8D7F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#87A0EF): A luminous, balanced violet — the color of wild irises.
• Cerulean (#008EA2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#2F264F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Hazy Turquoise color palette (#F4ECF2, #A3DFE8, #18B3E8, #009474, #072F53)
• Cobalt Delta color palette (#ECF0E6, #A7C8EC, #5786D0, #006591, #19295C)
• Washed Teal Villa color palette (#D5F5FF, #BCD7FD, #CCB0E5, #5CAC86, #0B3343)
• Weathered Quarry color palette (#FAF3F7, #D4DFF5, #95C3E8, #58A89E, #344868)
• Frosted Blush color palette (#C0E5F0, #00C7C8, #F56D8C, #009595, #4B0F20)
• Cornflower Grove color palette (#F5E7ED, #6DBBE3, #3083E1, #006D6E, #0C093C)
• Mint Atelier color palette (#D3E7D5, #00C99E, #00A498, #00737D, #003848)
• Tempered Rose Boulevard color palette (#C2E9E9, #00B5B9, #EC5E78, #C06300, #002526)

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