Teal Courtyard color palette — #F3F7ED · #73B08B · #837AAF · #915E66 · #33312A

Jade and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Jade (#73B08B): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#837AAF): A luminous, dusty violet — the color of a velvet chair.
• Pewter (#915E66): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#33312A): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Lilac color palette (#EBF8F8, #85C193, #9B8DD7, #975A64, #1C2921)
• Aged Teal color palette (#EFF8EC, #65C5B5, #7F88BF, #92545C, #464419)
• Weathered Parlor color palette (#F9F5E9, #ADAB73, #5F8AB1, #74587C, #562900)
• Hushed Turquoise color palette (#EAFAF1, #19ABC8, #AE5B77, #7E5B1B, #262D14)
• Washed Garnet color palette (#EFF8EF, #429B9B, #016D8F, #78323F, #353731)
• Timeworn Periwinkle Villa color palette (#ECF8F8, #7CD7AB, #68AFED, #B2745B, #223838)
• Worn Byzantium color palette (#EAFCDF, #00A68E, #9746A8, #9B1D00, #282900)
• Weathered Villa color palette (#F3F6EF, #D2DDD9, #A7B2B5, #90A37C, #50544B)

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