Wandering Courtyard color palette — #FFF2EB · #D7876A · #399DBB · #157A96 · #38312D

Built around Coral Clay, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Coral Clay (#D7876A): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#399DBB): A luminous, balanced blue — the color of open sky before noon.
• Teal (#157A96): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#38312D): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Dusty Taupe color palette (#FDF4E3, #B89B44, #758EC5, #546DA4, #36322C)
• Tempered Coral color palette (#FFF2ED, #DB827E, #52A277, #287F6B, #38312E)
• Hushed Lagoon Terrace color palette (#FFF3E8, #D19669, #2C9286, #6D4F82, #482A51)
• Taupe Canyon color palette (#FFF2E9, #D69C78, #8B98CD, #82719A, #5D3000)
• Patina Mustard Veranda color palette (#FCF4E7, #D8B462, #64C29D, #3BA1A5, #36322C)
• Blush Meadow color palette (#F9F2FF, #F18EBB, #00B3BB, #7367A8, #2A1F32)
• Softworn Apricot Chapel color palette (#FFF3E4, #DFA369, #7C8F4C, #5D5E8D, #403D36)
• Misty Amber Courtyard color palette (#FFDEBE, #D58226, #006CA7, #3F498D, #311800)

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