Cocoa Courtyard color palette — #FCF4EB · #C6E1CC · #AFB289 · #967E8A · #564400

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4EB): a clean, paper-quiet neutral.
• Celadon Mist (#C6E1CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#AFB289): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#967E8A): A luminous, dusty rose — the color of pressed rose petals.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Washed Stone color palette (#EFF8F2, #C6E7D8, #92C1B1, #A792A7, #3D5349)
• Aged Chapel color palette (#F8F6E5, #C1F3D9, #58AEAF, #8C6D6D, #2E4000)
• Muted Chapel color palette (#EFF8F0, #ABC9BA, #5F8B82, #5E647F, #3A5448)
• Aged Thicket color palette (#FFF1F4, #FFD2EA, #E8959D, #AB7766, #683A00)
• Aged Stone color palette (#FFF2EB, #E3D9D1, #E39F89, #905B57, #412313)
• Softworn Driftwood Terrace color palette (#F5F1EA, #CBC3AA, #90843B, #775950, #33312A)
• Weathered Powder Canyon color palette (#FDF3F0, #BEE6EC, #A8C7F0, #779D7B, #58465A)
• Dusty Station color palette (#FFF2ED, #FFB6B1, #7BC9D6, #68AFBB, #5F2307)

Browse the whole catalog at Explore, or see today's palette.