Teal Courtyard color palette — #EDF7FA · #D3DAEA · #BFBDD1 · #6CADA8 · #313D40

Built around Turquoise, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D3DAEA): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#BFBDD1): A luminous, dusty violet — the color of a velvet chair.
• Turquoise (#6CADA8): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#313D40): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Tempered Lagoon color palette (#EFF8F0, #CBDEDC, #ADC3C5, #498D90, #363D36)
• Tempered Azure Grove color palette (#ECF7FF, #DCD7F1, #D1B7DA, #00A4E3, #203545)
• Softworn Bronze color palette (#F0F6FC, #DCD9E3, #BCAEB3, #817B31, #4D535A)
• Lagoon Market color palette (#D8E7ED, #BBBFD0, #ABA2C3, #009299, #122227)
• Wandering Turquoise color palette (#DBEAF3, #00AAD7, #53627E, #2A404C, #040F12)
• Tempered Canyon color palette (#EDF9EF, #C2D38B, #76AF88, #608A9E, #183D32)
• Dusty Powder Ridge color palette (#B5F3E6, #8ED2F9, #9FA0C0, #6C876D, #3A4F3C)
• Coral Cabin color palette (#E2F6FD, #00C9D5, #D96F62, #A55732, #3C2600)

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