Patina Courtyard color palette — #F2F8E4 · #53D88B · #7A84C3 · #874645 · #422014

Mint Leaf and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#53D88B): A luminous, vivid teal — the color of glacier melt.
• Slate Blue (#7A84C3): A luminous, balanced violet — the color of twilight just after sunset.
• Coffee (#874645): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#422014): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Misty Lime color palette (#F8F6E4, #A5CC46, #558DCC, #7B4965, #431E1F)
• Dusty Grove color palette (#ECFAE9, #00D7C7, #A373BC, #824D25, #432105)
• Muted Station color palette (#FDF4E4, #D4BD71, #74A4D7, #AE6843, #4E3100)
• Hushed Basin color palette (#D9FFF2, #4FF3F1, #12B4CE, #347A9A, #4B344E)
• Frosted Garnet color palette (#E9F9FA, #3C9C7E, #3F60A7, #7E1A47, #443700)
• Dusty Thicket color palette (#D3FEEE, #0083BC, #8F004A, #202900, #010200)
• Washed Bronze color palette (#F4F9DB, #BDE6D8, #95BFB2, #A66B41, #743D0E)
• Lagoon Villa color palette (#FCF3EF, #BEE8F5, #8DC3E3, #499182, #4B374B)

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