Cocoa Courtyard color palette — #F0EAE3 · #AFA489 · #89886A · #603C00 · #110700
Bronze and Driftwood set the tone — five colors that lean into optimism and sophistication.
The five colors
- Cream (#F0EAE3): a clean, paper-quiet neutral.
- Taupe (#AFA489): A luminous, dusty gold — the color of old brass.
- Driftwood (#89886A): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#110700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Olive Lagoon color palette (#E9E4DE, #9F9A89, #6E7731, #3E2400, #110700)
- Ancient Basalt color palette (#DCE3DC, #B0BFB5, #769B8D, #513600, #000200)
- Timeworn Basin color palette (#E5E6DC, #ADB9A0, #849D85, #206300, #141502)
- Worn Loft color palette (#F6EDD7, #DD6D00, #8B7C00, #006B2F, #020300)
- Weathered Pine Quarry color palette (#F4F7EB, #D2E5C8, #A9C6B0, #2D8D4A, #32342D)
- Bronze Cabin color palette (#F9F4ED, #D7E2C8, #B2CAB1, #A67F2A, #563A00)
- Olive Balcony color palette (#F3E1C6, #6C7F24, #016547, #3A2343, #1E0327)
- Onyx Lagoon color palette (#F1E4D4, #875800, #2A4700, #23005A, #050300)
Browse the whole catalog at Explore, or see today's palette.