Cocoa Courtyard color palette — #FFF2EC · #E0DACC · #E1C691 · #A66775 · #7A4118
Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#E0DACC): a clean, paper-quiet neutral.
- Sand (#E1C691): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mocha (#A66775): A full-bodied, balanced red — the color of a theater curtain.
- Bronze (#7A4118): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Aged Pewter Atelier color palette (#FFF1F2, #E8D6CA, #EBB5AA, #87679A, #634744)
- Ancient Bronze Parlor color palette (#FFF3E5, #DAE4C1, #AFCA93, #A66E4A, #4E4A44)
- Antique Driftwood Pier color palette (#FFEDE9, #DFD8C7, #C2CB94, #93698E, #39281E)
- Celadon Studio color palette (#FBF1FE, #E8D8D8, #CCE09F, #AE8FB8, #5B4553)
- Misty Jade Harbor color palette (#FCEFD7, #C8D5A5, #60AF6A, #7C4B00, #343301)
- Ancient Bronze Atelier color palette (#FEF4E2, #B2A688, #866F36, #6C4A1E, #3F3D36)
- Brick Studio color palette (#FFF2EC, #E9BD7E, #B9AB00, #B5001B, #5D2F00)
- Wandering Olive color palette (#FAF4EC, #CEA76F, #418037, #805600, #242612)
Browse the whole catalog at Explore, or see today's palette.