Patina Cocoa Boulevard color palette — #FCF3EF · #CDBF9B · #804E4C · #5F2308 · #2A241D

Espresso and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Sand (#CDBF9B): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#804E4C): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#5F2308): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2A241D): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Driftwood Coast color palette (#FBF3EF, #E7CCB0, #A16F62, #6B4036, #362821)
• Wandering Pier color palette (#FBF3F0, #E1B5A1, #6F874B, #9A584D, #2F2E27)
• Weathered Chestnut Chapel color palette (#F7EFF5, #DFB6C4, #835347, #42263B, #1B0F18)
• Patina Fern color palette (#FAF5E9, #C4AB7D, #5D511F, #312E27, #1B1D0D)
• Taupe Summit color palette (#F9F3F8, #BEEAD3, #CA8B88, #7F627C, #312830)
• Wandering Mustard Coast color palette (#FFF2EA, #BBA027, #763000, #421700, #1C1300)
• Hushed Cocoa color palette (#FFF3E4, #CA9D7B, #747D48, #6F4D63, #614000)
• Softworn Amber color palette (#EADBCE, #A58A2B, #522A00, #251000, #080500)

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