Teal Courtyard color palette — #FBF3EE · #C7E6E6 · #95BFFC · #20AF9D · #5B3D4F

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

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Silver (#C7E6E6): A whisper-light, dusty teal — the color of sea glass.
• Sky (#95BFFC): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#20AF9D): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#5B3D4F): A full-bodied, dusty pink — the color of neon signs at night.

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

• Teal Veranda color palette (#FCF3ED, #BEEDFF, #7CBBFF, #00A88D, #363676)
• Mallow Balcony color palette (#FFF0F7, #E5D8D4, #D0B6FD, #A5B4CE, #61454A)
• Airy Moss Orchard color palette (#FFF1F4, #DAA9E7, #C7B463, #85AC48, #4F2C35)
• Tempered Emerald Market color palette (#FFF2EE, #98EBE5, #00BEE2, #229F19, #00355B)
• Cerulean Coast color palette (#F8EFF3, #B1E5FD, #708FBA, #256C5F, #242B42)
• Aged Cobalt Alley color palette (#F8ECE6, #6BACB9, #007CB6, #006042, #02002F)
• Soft Cabin color palette (#F3E9E0, #7BB8DF, #4B7AF1, #006D68, #19003D)
• Faded Hollow color palette (#C8F6E5, #B1D1FF, #A9A1F9, #A074D4, #5F3857)

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