Teal Courtyard color palette — #F9F3F7 · #D7D4E0 · #BEBEE7 · #3EA594 · #454C64

Turquoise and Lavender set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D7D4E0): a clean, paper-quiet neutral.
• Lavender (#BEBEE7): A luminous, dusty violet — the color of wild irises.
• Turquoise (#3EA594): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#454C64): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Muted Alley color palette (#EBF8F9, #B6F5E0, #FAB2D9, #34B191, #4E3E5D)
• Ash Pier color palette (#EDF4EE, #D3DDF1, #79A2BF, #49727F, #283749)
• Wandering Periwinkle color palette (#FFF1F5, #D9D3DD, #99A6FE, #00878D, #42235F)
• Softworn Bronze Archive color palette (#EBF9F0, #BDE5EA, #95B8A2, #99704C, #2E4443)
• Softworn Lagoon Grove color palette (#DAFFEF, #B3EDD3, #6DC19A, #049082, #2D5262)
• Worn Denim color palette (#F6E5EC, #71AACC, #2B4F9F, #002C29, #020008)
• Ash Field color palette (#FBF3EE, #C5EDEB, #AB8EAE, #637558, #624A5A)
• Feathered Cobalt color palette (#FEF1F9, #A8D3EA, #007ED2, #005342, #080034)

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