Patina Cocoa Courtyard color palette — #C0EFD9 · #A4D6C8 · #BE9EB9 · #A07279 · #663C3C
A conversation between Cocoa and Mocha, giving this palette its sense of warmth and comfort.
The five colors
- Honeydew (#C0EFD9): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#A4D6C8): A whisper-light, dusty teal — the color of shallow lagoons.
- Mauve (#BE9EB9): A luminous, dusty pink — the color of peonies in June.
- Mocha (#A07279): A luminous, dusty red — the color of embers at dusk.
- Cocoa (#663C3C): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
Use it as a design system
One click turns Patina Cocoa 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 Basalt color palette (#C7EAD1, #A9CCBA, #85ADA1, #977983, #553554)
- Tempered Driftwood color palette (#D8FFF5, #ECCCE7, #CEAFC2, #AD8383, #604945)
- Washed Basalt color palette (#CDE2F7, #90A4C2, #7577A1, #673D58, #34233B)
- Garnet Lagoon color palette (#EAEEFF, #BEB7F4, #AF93CA, #AB5E66, #70261A)
- Ancient Chestnut Harbor color palette (#D3ECC5, #9DC6AB, #7B90B5, #885C1E, #594620)
- Basalt Lagoon color palette (#D6FFFC, #B8E1ED, #86A3BC, #7C566C, #46410D)
- Patina Bronze Villa color palette (#FDE4EB, #D0A7CE, #BA8A89, #9F6738, #4E3105)
- Cocoa Cabin color palette (#F2ECFA, #9B76A4, #865479, #78381E, #1B0A00)
Browse the whole catalog at Explore, or see today's palette.