Cocoa Boulevard color palette — #FFF2EA · #BAAF7A · #823816 · #4A200D · #231D10

Rust and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sage (#BAAF7A): A luminous, dusty green — the color of new leaves after rain.
• Rust (#823816): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4A200D): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#231D10): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, 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

• Washed Marigold color palette (#FAF5E9, #CCA969, #605000, #312E27, #1B1D11)
• Hushed Cabin color palette (#FCF3ED, #DE9D77, #507E1B, #954600, #262513)
• Antique Honey color palette (#FFF3E9, #E8BB81, #9A623E, #47413C, #2A1F16)
• Muted Amber Quarry color palette (#F3E1CF, #B28D00, #553100, #291500, #0B0800)
• Softworn Taupe Hollow color palette (#FFF0F8, #EBD2A0, #BC876D, #77586A, #291E24)
• Patina Summit color palette (#FFF3E6, #BA8F4F, #4A791D, #564079, #403D36)
• Midnight Chestnut Thicket color palette (#EEE6D7, #795800, #243031, #1B1300, #030200)
• Aubergine Archive color palette (#FDF3EA, #A96D31, #006D6B, #4E2C74, #352718)

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