Misty Courtyard color palette — #FFF2EA · #BD5116 · #5C7000 · #005460 · #491C05

A conversation between Terracotta and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Terracotta (#BD5116): A full-bodied, balanced orange — the color of toasted spice.
• Olive (#5C7000): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005460): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#491C05): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Quiet Pine Workshop color palette (#FFF3E3, #996D00, #007B46, #004E7C, #3A2700)
• Misty Balcony color palette (#FFF2E9, #A74D00, #395600, #003C5A, #390B23)
• Timeworn Raspberry color palette (#FFF1F2, #B54394, #806200, #005841, #421C36)
• Timeworn Balcony color palette (#FFF4DB, #8E7F00, #665B00, #004758, #5D002D)
• Washed Pine color palette (#DFFBDE, #A76E00, #008047, #005551, #031A04)
• Linen Navy Canyon color palette (#FFF4E1, #D26668, #7F5700, #003AA0, #5B2005)
• Misty Nightshade Pier color palette (#ECE5C7, #656F00, #006761, #3400A9, #1E2200)
• Bronze Pier color palette (#FFDEE5, #EA8A78, #A25B00, #5A4600, #383900)

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