Faded Courtyard color palette — #F6F2E1 · #88B775 · #008048 · #314D74 · #112706

Teal takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F2E1): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#88B775): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#008048): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#314D74): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#112706): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Cypress Workshop color palette (#F2F3E8, #6EB18C, #007663, #5A3B50, #191F0B)
• Hazy Olive Study color palette (#FCF0DE, #B1AB57, #5D7600, #573F72, #291F00)
• Gentle Moss color palette (#E5FCE9, #94B03E, #217C4D, #6B3F63, #353F18)
• Pine Lagoon color palette (#F0E4C4, #88A04E, #267717, #53145B, #121900)
• Pale Alley color palette (#DFFDF1, #94CD7C, #2F9D61, #4A6A97, #0C443D)
• Lagoon Grove color palette (#F3F2EB, #C5C6A8, #648F6F, #74595C, #31322B)
• Emerald Garden color palette (#FFF3E4, #D5E09E, #33AC5B, #91527C, #2D3203)
• Ancient Cerulean Bloom color palette (#FAF1E3, #9DDBEA, #008FBC, #00625E, #002742)

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