Cocoa Boulevard color palette — #F5DECF · #91692C · #6F2C00 · #470015 · #080500

Built around Rust, softened by Espresso — the whole palette hums with optimism and balance.

The five colors

• Parchment (#F5DECF): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#91692C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6F2C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#470015): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Aged Harbor color palette (#F9E7CD, #72772F, #573F00, #3B1700, #000800)
• Chestnut Orchard color palette (#F2DBCA, #9F814D, #7D441E, #531C21, #100F00)
• Bronze Terrace color palette (#FFE3D2, #C5955E, #A15133, #6A2C3B, #221C00)
• Rust Ridge color palette (#E3F1DE, #B55947, #473F48, #00322B, #000A08)
• Fern Market color palette (#EDE5D0, #3C5D0A, #302A00, #180B00, #000201)
• Washed Bronze color palette (#FAF1E0, #C3BC9A, #A07C3A, #7E4A16, #2B2E1C)
• Powdered Workshop color palette (#E1E6D5, #278E52, #562089, #00421F, #040001)
• Aubergine Harbor color palette (#E0ECE2, #005D66, #601586, #3C0058, #000303)

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