Cocoa Courtyard color palette — #FFF0F8 · #EDD5DD · #E0B5BD · #B09286 · #794215

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Silver (#EDD5DD): A whisper-light, dusty rose — the color of pressed rose petals.
• Rosewood Mist (#E0B5BD): A luminous, dusty red — the color of embers at dusk.
• Taupe (#B09286): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#794215): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Aged Blush Study color palette (#FFDCDF, #E7B5B2, #DB93A0, #A18567, #543B00)
• Patina Bloom color palette (#EDF7FF, #DDD9E3, #C6C0D4, #83938B, #44544D)
• Muted Cabin color palette (#E3FCF0, #EAD0E3, #C59FA6, #90883F, #545400)
• Fern Bloom color palette (#F8F5EE, #E6DEC1, #AEBE82, #919F88, #5C4C00)
• Timeworn Driftwood color palette (#FFE7E7, #C3909F, #B46F72, #775F35, #312A00)
• Weathered Veranda color palette (#FFF0F9, #D0CCFF, #C1A9FF, #9883BA, #60424D)
• Weathered Study color palette (#F7D8DD, #F1A09B, #E87642, #7F7A3D, #38441C)
• Tempered Quarry color palette (#FFF1F4, #E4B2EF, #FFA096, #87B2E6, #523B40)

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