Teal Courtyard color palette — #FCF3ED · #C0ECEB · #9FC0E8 · #60A897 · #5D3B51

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Honeydew (#C0ECEB): A whisper-light, dusty teal — the color of sea glass.
• Sky (#9FC0E8): A luminous, dusty blue — the color of deep harbor water.
• Turquoise (#60A897): A luminous, dusty teal — the color of shallow lagoons.
• Cocoa (#5D3B51): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Powdered Orchard color palette (#FFF2EB, #BCEEFF, #7DBBFC, #00A98B, #363870)
• Muted Powder Balcony color palette (#FFF0F8, #E6D6D1, #84BDE0, #AAAF9B, #62434B)
• Powder Market color palette (#FFF0F8, #BDB2FF, #A6C074, #6BAB82, #482F3C)
• Ancient Turquoise color palette (#F0F7F1, #D1DEFB, #74ACD4, #39888D, #334964)
• Lilac Ridge color palette (#D9F0FF, #A8C6FF, #A0A1F1, #9171B0, #5E3F5D)
• Ancient Cerulean Quarry color palette (#F8EFF3, #C3E1F4, #6090C9, #126D5E, #232B42)
• Cobalt Bloom color palette (#F7EAE5, #5DAEBD, #007CB6, #006042, #02022C)
• Timeworn Iris color palette (#FFF0F9, #C4C6FF, #B8C67D, #9595E1, #3F471A)

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