Cocoa Boulevard color palette — #FFF2EE · #E0DDCE · #ACBCD6 · #C6959E · #773D15

Bronze and Dusty Rose set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DDCE): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#ACBCD6): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#C6959E): A luminous, dusty red — the color of late-summer berries.
• Bronze (#773D15): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Aged Chestnut color palette (#FFF4E2, #BCE6D4, #87D2E2, #BD8475, #624C00)
• Timeworn Lichen Summit color palette (#FEF0FE, #F2FCC4, #E8D9D7, #C5A2C5, #5C4A55)
• Dusty Loft color palette (#FDF4E5, #D3CBA8, #AB997B, #9E6637, #484C00)
• Hushed Driftwood Thicket color palette (#FEF0FC, #E7D7D6, #BBD9C0, #AA7281, #5B4853)
• Wandering Shell color palette (#FDE2FC, #B8DCFF, #FFB1C6, #59423E, #372C2A)
• Terracotta Grove color palette (#EDDEBE, #9AC290, #00A2A5, #8D3900, #1C1E00)
• Antique Bronze color palette (#FBF4EE, #DBD2A3, #A6703E, #713F03, #332921)
• Taupe Corridor color palette (#FBF5E7, #B7AC6D, #69A6B7, #3E8598, #403D36)

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