Misty Courtyard color palette — #FFF2EF · #FFC294 · #AF8400 · #4E5500 · #062A01

Built around Mustard, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Cantaloupe (#FFC294): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#AF8400): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#4E5500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#062A01): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Amber Pier color palette (#FFF1F4, #FDB2A9, #D17B31, #6E4B00, #262500)
• Softworn Forest color palette (#FFF3E7, #E8D084, #899B34, #006620, #00241A)
• Amber Pier color palette (#FAE1C7, #C99200, #856800, #483F00, #181900)
• Misty Dune color palette (#FFF2EB, #FDE0AC, #AFAA50, #407200, #003F2D)
• Amber Study color palette (#FFE0BF, #ECB859, #BF9900, #7F7400, #2F3200)
• Olive Summit color palette (#E7E1C2, #677E00, #004725, #00110E, #000102)
• Muted Workshop color palette (#E8FBEC, #AD8300, #193D33, #001506, #030001)
• Nightshade Terrace color palette (#E7FCE7, #EFA179, #878217, #4C4195, #351621)

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