Teal Courtyard color palette — #F5F6EE · #C1EEE1 · #5EA7AD · #417B70 · #46584B

Turquoise and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Honeydew (#C1EEE1): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#5EA7AD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#417B70): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#46584B): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Worn Lagoon Alley color palette (#F1F7F2, #D0E2F3, #8FB8CA, #57947F, #3D5665)
• Teal Hollow color palette (#E5E6D9, #33B4AE, #006467, #003F34, #002529)
• Softworn Cerulean Atelier color palette (#EEF0DE, #388E99, #004451, #002222, #000B11)
• Weathered Parlor color palette (#EDF0E3, #83BAD4, #0070A1, #004E5C, #003052)
• Sunlit Cerulean Atelier color palette (#F4F7E8, #72DFFC, #008CB3, #00656D, #12455E)
• Patina Taupe color palette (#FFF2ED, #E39996, #91A15A, #A15C5A, #4E4D46)
• Weathered Cocoa color palette (#FFF2EC, #DFDACD, #97BDCB, #9D7B6F, #7B4219)
• Aged Bronze color palette (#FBF4E8, #C7B693, #9D7A37, #7C550F, #584500)

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