Cocoa Boulevard color palette — #FFF2EE · #F3D4C4 · #E19690 · #A2695C · #6E360A

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#F3D4C4): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#E19690): A luminous, balanced orange — the color of autumn markets.
• Mocha (#A2695C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#6E360A): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Weathered Apricot color palette (#FFE5DA, #FF985A, #B35E00, #633800, #331E00)
• Muted Coast color palette (#FFF1F3, #FFD0F8, #D293BF, #A06A88, #66413E)
• Washed Summit color palette (#F4E9FF, #E49AA5, #CA6863, #7F4B31, #472E38)
• Wandering Stone Loft color palette (#FFF3E8, #E5DEB7, #D6AD76, #937640, #534F48)
• Wandering Amber Archive color palette (#FFF1F1, #FAC1CC, #F19F96, #CB7D61, #544E49)
• Patina Meadow color palette (#FFF2EC, #EFD6C0, #BAD6A4, #C78779, #4B4900)
• Antique Amber color palette (#FFF2EE, #FFB093, #E56A00, #9D4F00, #4D2800)
• Timeworn Grove color palette (#FFF2EA, #DEDACC, #DDB39F, #9FB4B4, #724006)

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