Cocoa Boulevard color palette — #F5EBF0 · #C4D0C6 · #7FAB9E · #883A08 · #372931

Burnt Sienna and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F5EBF0): a clean, paper-quiet neutral.
• Oat (#C4D0C6): a calm mid-gray that lets other colors speak.
• Sage (#7FAB9E): A luminous, dusty teal — the color of shallow lagoons.
• Burnt Sienna (#883A08): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#372931): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Mulberry Thicket color palette (#F1EDF3, #D8C6D2, #8FA98F, #8B2D52, #342938)
• Patina Chestnut color palette (#FBF2F6, #CDE0DE, #9ABCB4, #8C5425, #44363C)
• Softworn Cocoa color palette (#F7EAEE, #A8BFB3, #699993, #623A00, #281B1F)
• Patina Grove color palette (#F5EDE7, #D4D5C3, #B4BCA8, #C38055, #372B23)
• Washed Ridge color palette (#F0F7F4, #D2DDE1, #B0ABB7, #82865C, #4D5551)
• Patina Corridor color palette (#EFF7F5, #CFDCE4, #98C4D7, #3C7D00, #2F4541)
• Weathered Olive Basin color palette (#F9E5FF, #B88EA0, #52763A, #5A3C5A, #4E2032)
• Moss Dune color palette (#D8EADE, #729957, #00644A, #512E56, #1C2F0D)

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