Cocoa Boulevard color palette — #F6ECE7 · #DDCDB9 · #AFA686 · #86290C · #070100

Rust takes the lead with Taupe close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F6ECE7): a clean, paper-quiet neutral.
• Oat (#DDCDB9): A whisper-light, dusty gold — the color of old brass.
• Taupe (#AFA686): A luminous, dusty green — the color of fresh herbs.
• Rust (#86290C): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Worn Mulberry Corridor color palette (#FAEAE9, #EAC7B9, #BCA086, #763159, #080001)
• Timeworn Bronze color palette (#F7EBE3, #AA9D92, #A07137, #5A2400, #0A0300)
• Garnet Cabin color palette (#EAE2E7, #A2ADA1, #618A73, #611F00, #1E0D18)
• Weathered Rust color palette (#F1E4EB, #C4A9A7, #96B094, #B35100, #1D0F17)
• Aged Fern Hollow color palette (#F8F5EA, #CBE2CE, #AEC1AB, #60650D, #110C00)
• Muted Cocoa Orchard color palette (#F1E2D0, #595D65, #6C4300, #151A12, #050600)
• Timeworn Moss color palette (#EFDFC6, #809A2D, #005D35, #371E47, #010100)
• Hushed Fern color palette (#FAE8E9, #B08F4C, #406E2E, #2C2A53, #0C052A)

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