Worn Cocoa Boulevard color palette — #FFF2EB · #DEE0CA · #97DECD · #B27D98 · #6E4300

Built around Bronze, softened by Lagoon — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEE0CA): A whisper-light, dusty green — the color of fresh herbs.
• Lagoon (#97DECD): A whisper-light, dusty teal — the color of glacier melt.
• Dusty Rose (#B27D98): A luminous, dusty rose — the color of a warm blush.
• Bronze (#6E4300): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Worn 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

• Muted Oat Dune color palette (#FFF1F1, #E1DBD0, #C0D4A5, #968CB7, #5B433E)
• Chestnut Ridge color palette (#FDF4E7, #C2E3CE, #BCBCC6, #CB9F8A, #694F00)
• Soft Amber Orchard color palette (#FFF5DA, #B2F2DF, #8DD6FA, #C17448, #434E1C)
• Hushed Lichen color palette (#FFF0FA, #E0FFCA, #D1E1D0, #D09DB1, #4D3A44)
• Hushed Lantern color palette (#FFF0F7, #C2EDF2, #D4CD94, #A9645C, #654550)
• Tempered Pewter Field color palette (#FFF2EB, #D2B99E, #B28273, #8B5764, #403D36)
• Wandering Raspberry color palette (#FFF3E7, #E4DF67, #41D29D, #D3496A, #4A3B00)
• Cocoa Corridor color palette (#FBF4E9, #DAC18C, #846E44, #593C00, #272016)

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