Periwinkle Courtyard color palette — #FFF1F6 · #B4E2FF · #629CF0 · #008287 · #37396D

A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#B4E2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#629CF0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008287): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#37396D): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Pale Azure color palette (#FFF0FB, #96EBF4, #00ABDA, #008665, #1B4265)
• Gentle Balcony color palette (#FFF1F5, #97D2FF, #5286F6, #00717B, #302569)
• Misty Powder Thicket color palette (#FDF3EB, #C9EAFF, #94B4FF, #00A69F, #443270)
• Weathered Powder Bloom color palette (#FBF2F8, #D3D6EC, #8DB8CE, #5F9190, #445562)
• Soft Ultramarine color palette (#FCEBF3, #47AEDD, #0966BC, #004A4A, #0C0A3B)
• Timeworn Dune color palette (#F5E5F1, #29A4B0, #00617E, #003D2D, #000A18)
• Feathered Harbor color palette (#E9DAE6, #42C4D9, #007FAB, #005B49, #001F42)
• Hushed Aqua Archive color palette (#D3FFFE, #00DEDC, #00A0A3, #005E60, #002C2D)

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