Washed Cocoa Courtyard color palette — #FBF4E9 · #B7ECD8 · #B4B089 · #967E88 · #554400

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Mint (#B7ECD8): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B4B089): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#967E88): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#554400): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Washed 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

• Aged Dune color palette (#F5F7EA, #B1F8D7, #68ADA1, #8B6E69, #2D4000)
• Glacier Loft color palette (#FFF2ED, #F2D4C4, #81DEE0, #C28888, #354D37)
• Weathered Lagoon Canyon color palette (#EFF8F2, #ABC9BB, #5C8D7D, #765B77, #3D5349)
• Muted Cocoa color palette (#FFF2ED, #E0D9CE, #DEB4AE, #99B1B3, #773E16)
• Antique Blush color palette (#FFF1F1, #FCD1CB, #E696A0, #9D6863, #783D19)
• Ancient Coral color palette (#FFF2EC, #E1D8D0, #E1988C, #956057, #402315)
• Patina Shell Parlor color palette (#FFF2ED, #FFB6AE, #97CA9A, #8EA1CC, #3E3633)
• Antique Celadon Pier color palette (#FCF5E3, #CEE489, #6DA35A, #7E5D85, #302F28)

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