Teal Courtyard color palette — #EEF8EF · #AFF4F7 · #FDB9A4 · #49ABB0 · #4C4441

A conversation between Turquoise and Melon, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#EEF8EF): bright and airy, almost weightless.
• Sea Foam (#AFF4F7): A whisper-light, dusty teal — the color of sea glass.
• Melon (#FDB9A4): A whisper-light, balanced orange — the color of toasted spice.
• Turquoise (#49ABB0): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#4C4441): a grounded near-black with real depth.

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

• Periwinkle Studio color palette (#FBF2FC, #D9DBF7, #F9BC9E, #709ED0, #4B4540)
• Aged Lichen color palette (#F4F7EC, #BBF6CB, #F2B8D4, #72A982, #5F3B3A)
• Hushed Quarry color palette (#EBFAEC, #C1EAEF, #CDC9BD, #98C1A6, #42564E)
• Cerulean Garden color palette (#FAF2FA, #D4DBCD, #6F87AC, #533E53, #211821)
• Glacier Basin color palette (#E5FCEC, #87DAED, #E6AB9A, #CA9383, #2A3E31)
• Softworn Summit color palette (#EAF8FC, #67C2BD, #D18259, #00847F, #624254)
• Dusty Petrol color palette (#DCFFEA, #DADCEC, #75BFD5, #26718A, #002D3D)
• Tempered Bronze Loft color palette (#FEF3E9, #DCE1C1, #C8A889, #A86749, #494000)

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