Cocoa Boulevard color palette — #F2E8C6 · #749F7F · #306D71 · #6E3945 · #5A2E00

Built around Cocoa, softened by Cocoa — the whole palette hums with nature and growth.

The five colors

• Parchment (#F2E8C6): A whisper-light, dusty green — the color of fresh herbs.
• Eucalyptus (#749F7F): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#306D71): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#6E3945): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#5A2E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Garnet Station color palette (#DBF0D4, #57998B, #225C70, #5E2114, #3C2B00)
• Antique Chestnut Parlor color palette (#E0E3C4, #79B9AF, #547B69, #834725, #683200)
• Tempered Cerulean color palette (#D5E7E1, #92C5AC, #54A0B6, #956360, #552B1F)
• Muted Workshop color palette (#F3F9D9, #A9BFA8, #658F83, #86521F, #4F4C00)
• Washed Azure color palette (#D2E6E3, #3EA6D3, #6664A6, #6C4200, #403700)
• Brick Dune color palette (#D7EFDD, #007988, #A7272D, #8A2100, #00242A)
• Aged Workshop color palette (#D0F0DE, #2B8B95, #2A4375, #3B2300, #141900)
• Washed Corridor color palette (#C3EAEA, #8FB99E, #53869F, #645191, #432A4F)

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