Cocoa Boulevard color palette — #EFD8E1 · #733F00 · #2E3400 · #001945 · #0D0400

Bronze takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#EFD8E1): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#733F00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#2E3400): A deep, shadowed, dusty green — the color of fresh herbs.
• Midnight (#001945): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#0D0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, dark, muted.

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

• Navy Terrace color palette (#E9DAE3, #973000, #443500, #04006A, #250600)
• Inked Garnet color palette (#EFE4EF, #8F0F2A, #362C00, #001C27, #190002)
• Charred Onyx Studio color palette (#CDE9E2, #375800, #033906, #190046, #0A0400)
• Midnight Cocoa Terrace color palette (#DCE6DA, #613C00, #2F2213, #0D1100, #060200)
• Dusty Rust color palette (#F3D6E0, #BB5840, #6A3E00, #2D2A00, #002006)
• Hushed Aubergine Coast color palette (#E1F9E8, #695200, #004F23, #360069, #1B1300)
• Garnet Canyon color palette (#EEE7EC, #AFBEB0, #74978A, #782400, #2A1925)
• Feathered Brick Balcony color palette (#FBE3F4, #C62100, #005C4D, #00345B, #080115)

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