Cocoa Courtyard color palette — #CFE6D9 · #80A79D · #876377 · #6E4230 · #34240D
Built around Bronze, softened by Pewter — the whole palette hums with optimism and sophistication.
The five colors
- Celadon Mist (#CFE6D9): A whisper-light, dusty teal — the color of shallow lagoons.
- Taupe (#80A79D): A luminous, dusty teal — the color of glacier melt.
- Pewter (#876377): A full-bodied, dusty pink — the color of a candy shop window.
- Bronze (#6E4230): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#34240D): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns 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
- Timeworn Petrol color palette (#D8E6CA, #8BAC8F, #4F7993, #663D3B, #351F16)
- Antique Pewter color palette (#D1F8EA, #92A4CC, #7C689A, #634122, #382A0B)
- Tempered Ash Orchard color palette (#D0ECE6, #77A6CE, #747295, #485C4A, #24463F)
- Muted Chestnut Studio color palette (#DAFAEF, #CBABC2, #A37F8A, #815216, #37342E)
- Aged Plum Meadow color palette (#E5E1EE, #C095C5, #B2546C, #4A5225, #292F10)
- Terracotta Lagoon color palette (#FCE5EC, #AC7C9E, #8E4B52, #2E4015, #00281B)
- Worn Lilac color palette (#EDFBDA, #A0DFED, #9B9DD9, #6C6C40, #3D3B34)
- Washed Bronze color palette (#FFEBFA, #E3C4D0, #B49292, #83671E, #454300)
Browse the whole catalog at Explore, or see today's palette.