Ancient Courtyard color palette — #ECF7FF · #5BACD9 · #997DAE · #4E7A5B · #23363D

Built around Cyan, softened by Heather — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#5BACD9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Heather (#997DAE): A luminous, dusty violet — the color of a velvet chair.
• Teal (#4E7A5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#23363D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Fern Delta color palette (#F0F6FE, #A6C0EC, #A981B5, #6D6707, #1E2734)
• Aged Field color palette (#F1F5FF, #A19DF7, #B0677B, #3C6B7C, #2D3641)
• Hushed Pewter color palette (#ECF7FF, #568AAD, #945756, #624F15, #243B3D)
• Aged Powder color palette (#FFEFFF, #ABBAF9, #9689BA, #8F5F68, #40475B)
• Washed Jade Parlor color palette (#E9F9F9, #63B486, #AB6F5A, #7D6334, #253B35)
• Tempered Ash Thicket color palette (#F0F6FD, #DAD9E3, #B9ADB8, #8A9DB5, #4E535A)
• Dusty Loft color palette (#ECF8F4, #8DC0E5, #D78A91, #A5842C, #2A3726)
• Cornflower Courtyard color palette (#EFF6FF, #4485EC, #367C29, #006359, #0C212E)

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