Teal Courtyard color palette — #BFF0C6 · #0FB79D · #2E7987 · #533156 · #350B1C

Turquoise and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#BFF0C6): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#0FB79D): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#2E7987): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Royal Purple (#533156): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#350B1C): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Washed Turquoise color palette (#9AF7DF, #32BBC9, #597C9C, #5F2F41, #2E0500)
• Sunlit Jade color palette (#E2E4D2, #6EB26E, #008B76, #463766, #250926)
• Lagoon Boulevard color palette (#D3EDE3, #009FA5, #166D96, #4D1939, #170002)
• Teal Ridge color palette (#E2EBD3, #60B596, #58909D, #905354, #421216)
• Dusty Teal color palette (#CDE5D9, #00A88A, #007269, #004549, #001115)
• Timeworn Cerulean Balcony color palette (#D2E9E9, #338AB2, #394A7E, #311205, #040100)
• Garnet Pier color palette (#E5E6D1, #73895B, #235D53, #59033C, #270600)
• Soft Crimson color palette (#DEF6DD, #00A7A6, #CF3B5C, #005959, #170003)

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