Cocoa Courtyard color palette — #E9F1E8 · #AB9B67 · #5D3A00 · #311C00 · #0D1A0C
Built around Bronze, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#E9F1E8): a clean, paper-quiet neutral.
- Moss (#AB9B67): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#5D3A00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#311C00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#0D1A0C): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Softworn Garnet color palette (#F7EAF3, #99A16D, #702818, #430800, #1E111B)
- Hushed Fern Harbor color palette (#E1F3EE, #C48F62, #314C0F, #162800, #041B16)
- Timeworn Chestnut color palette (#E7F2E7, #D1AF68, #875800, #4A2F00, #0C1A0C)
- Honey Basin color palette (#FAECDD, #EAC452, #AC7D43, #6E4F29, #1C140B)
- Aged Amber Cabin color palette (#FDF2F5, #C38D55, #006B73, #724300, #011C24)
- Charred Bronze color palette (#D4E4D7, #997416, #332400, #0E0800, #000203)
- Quiet Hollow color palette (#FCE7F7, #A18226, #006B4D, #5F2262, #2E3409)
- Driftwood Station color palette (#CBE4E6, #BE766C, #004033, #001B15, #00070D)
Browse the whole catalog at Explore, or see today's palette.