Cocoa Courtyard color palette — #FFF3E6 · #DCDFC9 · #B4C78A · #9E715D · #6C4600
Built around Bronze, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Bone (#DCDFC9): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B4C78A): A luminous, balanced green — the color of a quiet forest floor.
- Mocha (#9E715D): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#6C4600): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. 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
- Timeworn Fern Parlor color palette (#FDF6D7, #BFF4DD, #90D8BB, #8B7A4C, #575100)
- Muted Garden color palette (#FFF3E8, #C0A17B, #926849, #6E4638, #403D36)
- Washed Taupe color palette (#FFF1F6, #C3EDFA, #B7DBB4, #C58E89, #445846)
- Worn Grove color palette (#FFEEE1, #D5E7B8, #91D5C2, #AD756E, #322E28)
- Hushed Olive Grove color palette (#F5F8E0, #ABE5CA, #6DC0C5, #6A783E, #43463F)
- Powdered Chartreuse Canyon color palette (#FFF5D8, #C4D632, #56B856, #935800, #403600)
- Dusty Mustard color palette (#F8F5E9, #ACB761, #00816F, #5E6613, #1E2719)
- Gentle Teal color palette (#EFEECA, #93DBA7, #2BB8AA, #5A5900, #2F3029)
Browse the whole catalog at Explore, or see today's palette.