Muted Cocoa Boulevard color palette — #FCF3ED · #CA8767 · #006F4E · #823500 · #141C06

A conversation between Rust and Pine, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Caramel (#CA8767): A luminous, balanced orange — the color of autumn markets.
• Pine (#006F4E): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#823500): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#141C06): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Muted Cocoa Boulevard 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

• Fern Chapel color palette (#F9F5EB, #A79A5B, #006C6A, #5C4F00, #0C1D0C)
• Patina Pine Garden color palette (#F9F4EF, #CBA77C, #1E8351, #835400, #212711)
• Garnet Parlor color palette (#FFF2ED, #C78585, #6A5E00, #970026, #201700)
• Wandering Amber color palette (#EDF4ED, #D2912B, #666A00, #744B00, #000905)
• Softworn Aubergine Atelier color palette (#FEEBD7, #AD7A37, #436700, #512678, #3B2F00)
• Muted Corridor color palette (#FFD9C0, #BA974E, #6E6C00, #244B00, #003924)
• Marigold Cabin color palette (#FAF4ED, #E8A544, #838700, #9A6500, #1D1807)
• Muted Workshop color palette (#F7ECE2, #AD6000, #004C29, #4C2700, #030400)

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