Weathered Courtyard color palette — #EDD4F5 · #FE2F84 · #00752C · #005E68 · #24122A

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

The five colors

• Thistle (#EDD4F5): A whisper-light, dusty pink — the color of a candy shop window.
• Hot Pink (#FE2F84): A luminous, vivid red — the color of late-summer berries.
• Olive (#00752C): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#24122A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged 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

• Linen Villa color palette (#EED5EC, #E13446, #008666, #005B79, #281027)
• Magenta Bloom color palette (#E1D9F6, #DA50CF, #526B00, #006150, #1E152E)
• Hushed Ember color palette (#F4D8E8, #D85900, #2D7611, #004965, #370238)
• Aged Mulberry color palette (#E4D9EF, #9B3574, #005F64, #003E4E, #21132E)
• Ember Workshop color palette (#C7E8CE, #EB6032, #8B6000, #00525B, #371829)
• Timeworn Tangerine color palette (#EED9CE, #F07248, #7D9F2E, #008392, #330C01)
• Blush Boulevard color palette (#F4E6F5, #FF6C8B, #886F00, #AC2B4D, #001206)
• Tangerine Harbor color palette (#FFF0FA, #F4724F, #19A49C, #427499, #3F2C39)

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