Teal Courtyard color palette — #EBF8F8 · #CDDDE9 · #B3ABB7 · #5ABA90 · #2C4546

Built around Jade, softened by Charcoal — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Silver (#CDDDE9): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#B3ABB7): soft and architectural.
• Jade (#5ABA90): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#2C4546): A deep, shadowed, dusty teal — the color of sea glass.

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

• Teal Hollow color palette (#E7F1F2, #C4D7E8, #ABBBD5, #2EA88D, #1E3234)
• Timeworn Basin color palette (#EDF8F4, #C5E3EA, #A8CCDB, #A2AC58, #2F453D)
• Bronze Studio color palette (#EFF6FC, #D9D9E3, #BAAEB9, #897E35, #4F5357)
• Teal Alley color palette (#C9EDF6, #00B8B3, #1F7285, #2A474E, #061416)
• Misty Teal Balcony color palette (#E3FBF8, #82E6BC, #00BEAC, #6D946E, #134532)
• Softworn Coast color palette (#EFF3EB, #CED9D3, #B3C5AF, #007E5C, #21271A)
• Chalky Mint color palette (#DEFFE5, #00E1B0, #00B1C6, #A95B91, #003F39)
• Dusty Petrol color palette (#DBE4EF, #A29DB7, #8F829E, #2F669D, #010A16)

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