Cocoa Boulevard color palette — #F6ECE5 · #DBCEB9 · #ABA888 · #7C3600 · #060200

A conversation between Rust and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F6ECE5): a clean, paper-quiet neutral.
• Oat (#DBCEB9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ABA888): A luminous, dusty green — the color of a quiet forest floor.
• Rust (#7C3600): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

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

• Washed Harbor color palette (#FAEAE7, #E2CABD, #B8A286, #891948, #090000)
• Weathered Balcony color palette (#F1EAE0, #BFBBA4, #719E82, #4F3700, #020100)
• Worn Bronze Lantern color palette (#F5E9DE, #A99E91, #9B7433, #522B00, #090300)
• Cocoa Workshop color palette (#F7E9EF, #9DAFA0, #6D867B, #582800, #210B17)
• Aged Fern color palette (#F6F5EF, #CCE1D3, #A7C3AB, #4E6B00, #0F0D00)
• Aged Drift color palette (#F8E6EE, #A4BDB6, #76AAA6, #A25E25, #1C1015)
• Antique Balcony color palette (#F2DEC0, #4C5A5C, #654800, #121812, #030700)
• Onyx Hollow color palette (#FFE0E9, #C88669, #5D6E2E, #4B113D, #170011)

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