Weathered Boulevard color palette — #FEEEE8 · #B2625E · #5D2E00 · #312621 · #1A130E

A conversation between Mocha and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FEEEE8): a clean, paper-quiet neutral.
• Mocha (#B2625E): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5D2E00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#312621): quiet, heavy and certain.
• Ink (#1A130E): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Bronze Veranda color palette (#FCF0E1, #A57022, #3F3C35, #2F271E, #17150F)
• Coral Atelier color palette (#F7EFF6, #CD8583, #675158, #423241, #232028)
• Blush Lantern color palette (#F8EEF6, #F49B95, #8C7380, #5C515A, #242025)
• Lowlit Chestnut color palette (#F7E2D0, #804200, #313D39, #261700, #120600)
• Eclipse Basalt color palette (#E4E0C2, #4E5C5C, #413A00, #182321, #050A00)
• Amber Boulevard color palette (#FFF3E7, #C08C55, #4F9890, #806C97, #5F3800)
• Fern Chapel color palette (#FFF2ED, #E0A695, #AA7151, #815833, #535000)
• Weathered Summit color palette (#FFF3E8, #D6A47D, #67A0C4, #97663D, #315649)

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