Aged Courtyard color palette — #E7FBF1 · #86E7E2 · #5EC3F9 · #6D76DB · #22415E

Periwinkle takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Ice Blue (#86E7E2): A whisper-light, balanced teal — the color of glacier melt.
• Sky (#5EC3F9): A luminous, balanced blue — the color of deep harbor water.
• Periwinkle (#6D76DB): A luminous, balanced violet — the color of a velvet chair.
• Navy (#22415E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Aged 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

• Lilac Alley color palette (#FFF0FD, #BDEAFF, #96BAFF, #9E7BD5, #333C62)
• Nightshade Coast color palette (#C3EFDF, #7AA7D8, #597AC6, #4E4EA3, #443B64)
• Pale Azure Parlor color palette (#ECF9EE, #9AFBD2, #00C9D3, #0095D9, #004956)
• Misty Wisteria color palette (#EAF8FF, #87F9CB, #5BDAFF, #BE8FE0, #273C53)
• Worn Amethyst Villa color palette (#FEF0FF, #00D2F3, #308EFF, #7B31FE, #0F2169)
• Hushed Sky color palette (#E2F8EF, #94F5C7, #15C8F4, #9F82D2, #2C162F)
• Cerulean Lantern color palette (#F8F5EF, #CDE3D2, #4396B2, #007267, #234C65)
• Magenta Coast color palette (#FFF0F8, #B1D8FF, #A8A8FF, #CC31BF, #3F235E)

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