Cocoa Courtyard color palette — #FFF2EB · #88B494 · #46818D · #794954 · #404C38
A conversation between Coffee and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Sage (#88B494): A luminous, dusty teal — the color of glacier melt.
- Slate (#46818D): A full-bodied, dusty blue — the color of open sky before noon.
- Coffee (#794954): A full-bodied, dusty red — the color of embers at dusk.
- Deep Olive (#404C38): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Weathered Ridge color palette (#FBF3EF, #C8EBE7, #70A0BE, #447A6F, #5F4B5E)
- Cocoa Grove color palette (#F3F7ED, #64A982, #6F6997, #784144, #6A2F0C)
- Tempered Boulevard color palette (#F6F7E4, #92CBBF, #4FA1A7, #5D6AA5, #3E4D3B)
- Timeworn Bronze color palette (#F5F7E4, #C1D2BA, #759589, #985C35, #5A4D00)
- Denim Parlor color palette (#E0F8F3, #7EB9AC, #35868C, #414C88, #103138)
- Dusty Dune color palette (#FFF0FA, #ADDFB8, #69BDCB, #AD7C84, #314D50)
- Softworn Garnet Lagoon color palette (#FFF2EC, #00A386, #00698F, #840A06, #003E3F)
- Faded Lagoon Chapel color palette (#F8D7C2, #008A7D, #00527D, #581E00, #002A2E)
Browse the whole catalog at Explore, or see today's palette.