Weathered Courtyard color palette — #FFF0F7 · #8273C2 · #807036 · #62510F · #412B36

Lavender Blue and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lavender Blue (#8273C2): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#807036): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#62510F): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#412B36): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

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

• Tempered Driftwood color palette (#FFF1F4, #996DAD, #527D53, #2E6030, #462931)
• Cobalt Grove color palette (#E2FCF4, #4787BB, #836F2E, #645102, #1C3932)
• Dusty Station color palette (#FFF1F5, #9B75BC, #825A20, #005352, #023848)
• Linen Raspberry Courtyard color palette (#FFF1F1, #AB5D8B, #92412B, #115423, #392233)
• Cobalt Station color palette (#E8F3FF, #478CC4, #628042, #006145, #081B2C)
• Patina Harbor color palette (#FAF6DE, #A188CF, #915469, #005A54, #50343A)
• Worn Denim color palette (#FBF2F8, #A3A7EC, #9D5B43, #5455A2, #321F13)
• Timeworn Olive Garden color palette (#FFF2EF, #D38497, #AB8A43, #697711, #472A25)

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