Patina Cocoa Boulevard color palette — #FFF3E9 · #B9825F · #6E7CAC · #515D87 · #5D3000

A conversation between Cocoa and Caramel, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Caramel (#B9825F): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#6E7CAC): A full-bodied, dusty violet — the color of wild irises.
• Peacock (#515D87): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#5D3000): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Creativity, Sophistication. Tagged 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 Lagoon color palette (#FDF3EB, #B5845C, #578D69, #456086, #5A3200)
• Driftwood Parlor color palette (#F7F6E8, #819A64, #7D78A8, #5E5982, #433F00)
• Worn Pier color palette (#FCF4EA, #CBA373, #69A5BD, #7374AB, #563500)
• Weathered Denim Orchard color palette (#ECF5EB, #AF8E66, #528C9D, #585594, #182717)
• Antique Chapel color palette (#F5F6EA, #789B6C, #4A6F48, #414875, #3A3730)
• Bronze Basin color palette (#FBF4EF, #DCB89D, #3F8A90, #985C36, #243226)
• Hazy Boulevard color palette (#F8EDD8, #876E00, #7B4B87, #5E2D6A, #322403)
• Muted Dune color palette (#F8F5EE, #D7DCD5, #A3AEB2, #9D7C38, #56524A)

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