Teal Courtyard color palette — #FADEC3 · #B7BB8D · #51A398 · #885659 · #644034

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

The five colors

• Peach Cream (#FADEC3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B7BB8D): A luminous, dusty green — the color of a quiet forest floor.
• Turquoise (#51A398): A luminous, balanced teal — the color of shallow lagoons.
• Pewter (#885659): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#644034): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Tempered Cocoa color palette (#EBE4C6, #95C7AB, #5C98B8, #8B6442, #613700)
• Hushed Bronze color palette (#FFF3E4, #C4C6A9, #86A68A, #A56A40, #7B4417)
• Emerald Field color palette (#FCF4EA, #B7B888, #53924E, #7B5D39, #37352F)
• Worn Basalt Veranda color palette (#FFF7C7, #B8E7E1, #7CA7B0, #7E6887, #5F3341)
• Timeworn Teal color palette (#C2E9DC, #7FB28F, #588088, #52546D, #463C52)
• Patina Petrol color palette (#F3EADD, #709F6F, #007E88, #76353E, #43231B)
• Patina Grove color palette (#DEEDE4, #68B8D6, #897AB2, #695226, #432F00)
• Clover Parlor color palette (#ECEEDA, #74C068, #009E66, #006B6A, #00454F)

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