Cocoa Boulevard color palette — #F7E3EE · #966645 · #642600 · #280400 · #030100

Rust and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F7E3EE): A whisper-light, dusty pink — the color of neon signs at night.
• Walnut (#966645): A full-bodied, dusty gold — the color of old brass.
• Rust (#642600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#280400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, 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

• Lowlit Drift color palette (#D5F0DA, #837137, #4E3800, #1C0F00, #020100)
• Hushed Parlor color palette (#F3D8E9, #AF7657, #842D00, #450400, #030100)
• Washed Chestnut Boulevard color palette (#CFEFD8, #A89A57, #765C00, #432D00, #040400)
• Hushed Bronze Boulevard color palette (#FFF1F5, #D1AB74, #9F6926, #6A3700, #001806)
• Lowlit Garnet Garden color palette (#E2F0E7, #5C4C00, #6A0056, #35000C, #020100)
• Amber Station color palette (#FFF1F7, #F6C597, #D2772A, #9B4000, #392200)
• Velvet Petrol color palette (#CAE5E9, #007F97, #004358, #00101C, #000104)
• Worn Bronze Canyon color palette (#FFF1F6, #CAF0E4, #CD9FB1, #9B6F52, #344436)

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