Faded Courtyard color palette — #F3F8E5 · #7FCC94 · #D884BF · #2A9754 · #5D3639

Kelly Green and Bubblegum set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F8E5): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#7FCC94): A luminous, balanced teal — the color of sea glass.
• Bubblegum (#D884BF): A luminous, balanced pink — the color of a candy shop window.
• Kelly Green (#2A9754): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5D3639): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Emerald Archive color palette (#E3FBF9, #A4E6B9, #E8A0D0, #3BA064, #4F2A43)
• Blush Summit color palette (#EFF8EE, #7BD7CF, #F090A7, #16A198, #66433C)
• Olive Studio color palette (#F8F6E5, #A7C46F, #B499F8, #668600, #453B60)
• Worn Wisteria color palette (#F4F8E2, #70B879, #BF79CC, #B86D77, #373932)
• Rose Boulevard color palette (#E1FEE9, #33D5F0, #EB474D, #008699, #612424)
• Frosted Jade Garden color palette (#DCFDFC, #45B87D, #528CD1, #19784B, #2A4463)
• Muted Meadow color palette (#B7F3E8, #00B7A6, #EE00BD, #007A6E, #540041)
• Antique Petrol Balcony color palette (#F0F8F1, #EDB69E, #00818C, #294B32, #18251B)

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