Weathered Courtyard color palette — #FFF1F1 · #DA84B7 · #748C28 · #006884 · #023D58

Olive Leaf takes the lead with Bubblegum close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bubblegum (#DA84B7): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#748C28): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#006884): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#023D58): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Antique Orchard color palette (#FFF1F5, #BB8FDB, #A77600, #006A76, #153B56)
• Quiet Blush color palette (#FCF1FF, #F89BB4, #9E8845, #006B5E, #1E284C)
• Frosted Emerald color palette (#FFF2EE, #DF888D, #40954D, #4E5699, #412E52)
• Washed Amber color palette (#F1F5FF, #B4B7F9, #C0994B, #4283B5, #2C355D)
• Peony Meadow color palette (#FFDFDB, #FA078A, #577500, #004887, #021962)
• Wandering Boulevard color palette (#FFF1F3, #DFC0B8, #BD987B, #597D6E, #5C4559)
• Washed Aubergine Ridge color palette (#FFEEE4, #D57957, #00856D, #65338C, #451932)
• Sunlit Amber Delta color palette (#FFE9E5, #FDA293, #E46D33, #945A0F, #4F4A44)

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