Cocoa Veranda color palette — #FFEDEC · #DFAFA4 · #B06E6A · #833708 · #3E2300

Rust and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FFEDEC): bright and airy, almost weightless.
• Rosewood Mist (#DFAFA4): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#B06E6A): A luminous, balanced orange — the color of autumn markets.
• Rust (#833708): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3E2300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Cocoa Veranda 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 Studio color palette (#FFEEE5, #DAB497, #9F7A4C, #615000, #313100)
• Timeworn Rust Loft color palette (#F4F4FF, #E3A9C8, #BB6863, #7F4B19, #514300)
• Antique Villa color palette (#FFD5D4, #CE6F51, #7E4200, #3B2700, #100B00)
• Timeworn Studio color palette (#FFECF4, #CEADD4, #A87699, #7F3053, #530316)
• Hushed Market color palette (#F8F2FF, #F6B7BF, #DB8985, #A15A3D, #693F14)
• Wandering Orchard color palette (#F9F1E5, #D498A7, #A06852, #0A604D, #3E251D)
• Ancient Station color palette (#FFDBE0, #EA7D74, #B35200, #5D3900, #281B00)
• Antique Driftwood Meadow color palette (#F8F0EF, #DBD6D0, #ADAEA4, #A27385, #3C3433)

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