Tempered Teal Courtyard color palette — #ECF5E8 · #4AAF9D · #445F52 · #333B30 · #21221C

Turquoise and Pine set the tone — five colors that lean into sophistication.

The five colors

• Cream (#ECF5E8): a clean, paper-quiet neutral.
• Turquoise (#4AAF9D): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#445F52): A full-bodied, dusty teal — the color of sea glass.
• Forest (#333B30): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#21221C): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered 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

• Mint Delta color palette (#ECF5EA, #51CEBF, #718071, #4E584B, #1F231C)
• Tempered Lagoon color palette (#E1F6FA, #009183, #26414B, #1F2B2D, #101619)
• Timeworn Cabin color palette (#D7EAE4, #4195D9, #604351, #19342D, #141A15)
• Apricot Workshop color palette (#EAFAEE, #6AC1CE, #D2965D, #9C8B4B, #37473B)
• Antique Coral color palette (#EDF8F3, #8DCEEF, #E99892, #4D96B7, #534B48)
• Bronze Parlor color palette (#F7F5EC, #CBD7B3, #66A9A5, #8B7E35, #45550C)
• Gentle Turquoise Corridor color palette (#EEFBDB, #86DED7, #1AB5CC, #3A7B9C, #604C60)
• Moonless Petrol color palette (#CDE6DC, #006992, #1E282F, #1F1B4C, #000D07)

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