Weathered Courtyard color palette — #E3F2FB · #A9AFFF · #CF7A00 · #5A3712 · #1E0F15

Built around Mustard, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Frost (#E3F2FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#A9AFFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#CF7A00): A luminous, balanced gold — the color of old brass.
• Cocoa (#5A3712): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1E0F15): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Wandering Ember Hollow color palette (#C5EDF6, #89B9FF, #E66155, #6A3630, #1A0D18)
• Timeworn Terrace color palette (#F8EBFE, #82AFFF, #E09600, #2F4B2F, #0B150B)
• Pale Boulevard color palette (#E4DCEE, #6ACCFF, #F9A127, #663F4D, #23191C)
• Tempered Tangerine Bloom color palette (#D9E3FF, #00C9C5, #FF7C45, #663827, #1D1218)
• Wandering Balcony color palette (#D2E0EE, #E369F6, #A97300, #452D00, #000601)
• Hazy Mallow color palette (#DCDCF6, #EC9AFF, #889400, #1B483A, #071A13)
• Hushed Moss color palette (#E7F1ED, #C6D6DB, #9EC2D6, #93984C, #21322B)
• Faded Mustard color palette (#D6E2D7, #DAB357, #9C7000, #5F4300, #001003)

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