Tempered Courtyard color palette — #ECFBE4 · #3ED2B4 · #D788AF · #29937E · #5B3736

Built around Aqua, softened by Bubblegum — the whole palette hums with balance.

The five colors

• Cream (#ECFBE4): A whisper-light, dusty green — the color of fresh herbs.
• Aqua (#3ED2B4): A luminous, balanced teal — the color of shallow lagoons.
• Bubblegum (#D788AF): A luminous, balanced rose — the color of strawberry cream.
• Fern (#29937E): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5B3736): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Balance. Tagged warm.

Use it as a design system

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

• Weathered Aqua color palette (#E9FAED, #3FCCDF, #DF8A85, #0091A0, #603432)
• Tempered Peony Pier color palette (#ECFAE6, #43B5A2, #BA6C97, #007668, #5F304B)
• Misty Cabin color palette (#E3FAFD, #92DDC9, #F99DBF, #00B89B, #642E43)
• Lime Orchard color palette (#F8F7DD, #9CC95A, #B293DE, #6C8D3C, #5A3545)
• Teal Cabin color palette (#E6FDDF, #00BEAC, #A589CC, #A87C53, #2F3C2A)
• Airy Mustard Garden color palette (#E1FBFE, #8DE9D0, #E8AF54, #00A185, #4C3303)
• Faded Amber Cabin color palette (#DAFFEF, #62CDFF, #CE6E00, #0082AE, #5A2D00)
• Powdered Rose color palette (#CCF0CF, #00B4B9, #FB2262, #00787B, #5B001C)

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