Patina Courtyard color palette — #FFECF2 · #E3F2C5 · #8AD3C4 · #AD706E · #213B2F

Mocha and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Honeydew (#E3F2C5): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#8AD3C4): A luminous, dusty teal — the color of glacier melt.
• Mocha (#AD706E): A luminous, dusty orange — the color of toasted spice.
• Forest (#213B2F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged pastel, light, muted.

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

• Worn Hollow color palette (#FFECF5, #DAFCE1, #9ED6D3, #976875, #3E2530)
• Washed Atelier color palette (#E6F7ED, #C4E3F1, #AFC4E1, #A98592, #2F423C)
• Timeworn Stone Corridor color palette (#E7FBEB, #BEE8E9, #A6D29E, #A4744C, #3B5847)
• Weathered Bronze Balcony color palette (#E5F8E5, #92B5A3, #8E6F3F, #6C3F2C, #0A2823)
• Patina Delta color palette (#DFF8F1, #BEDEED, #A8BFE6, #648262, #0E3332)
• Weathered Amber color palette (#FFF3E7, #C2E3CF, #C0B9C6, #C57A70, #5F4D00)
• Misty Station color palette (#E5FBCD, #9CF4E0, #81C8F1, #916900, #002C2A)
• Cobalt Basin color palette (#DDECE4, #68C0CC, #6F7EC9, #414A00, #001110)

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