Teal Courtyard color palette — #F3F4FF · #BFA3E8 · #35B3AD · #008098 · #212236

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#BFA3E8): A luminous, balanced violet — the color of wild irises.
• Turquoise (#35B3AD): A luminous, balanced teal — the color of sea glass.
• Cerulean (#008098): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#212236): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged 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

• Cypress Studio color palette (#EFF6FF, #91B3EE, #77AD7F, #008670, #182537)
• Dusty Denim Coast color palette (#F6F3FF, #D591CC, #0098AB, #0964B0, #191B2D)
• Softworn Cobalt Loft color palette (#F7F3FD, #EAADD5, #7AB9D1, #5384C0, #352E3D)
• Softworn Courtyard color palette (#FCF1FD, #F1939D, #769FDD, #7562B5, #301C32)
• Apricot Delta color palette (#FFF0F8, #FF9C70, #78C185, #18A4A1, #412B38)
• Quiet Lagoon color palette (#E9FAF2, #BCC17C, #499D74, #006874, #0C2A52)
• Ancient Ultramarine color palette (#E0FCFA, #00C670, #009ED8, #3853DE, #00220F)
• Antique Rose color palette (#FFEEE7, #D6565A, #17848A, #005E63, #27150E)

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