Cocoa Terrace color palette — #DBF3DC · #883B00 · #432800 · #011A01 · #040100

Burnt Sienna takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DBF3DC): A whisper-light, dusty green — the color of new leaves after rain.
• Burnt Sienna (#883B00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#432800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#011A01): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

Use it as a design system

One click turns Cocoa Terrace 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

• Midnight Courtyard color palette (#CEEED9, #665300, #2D3200, #001916, #020200)
• Velvet Mulberry color palette (#E9DED3, #A10027, #521A00, #141600, #060000)
• Aged Rust color palette (#EDE3D7, #B84B00, #6A3F00, #0E3500, #170600)
• Chalky Crimson Chapel color palette (#E4DECC, #DB0048, #5C3B00, #001C36, #040000)
• Aged Coast color palette (#FFE6F1, #4C575D, #552800, #2C2314, #0D0500)
• Weathered Basalt color palette (#F7E7D9, #826835, #4E4600, #002C1E, #000E0C)
• Amber Balcony color palette (#D5FEE4, #B08D00, #626700, #004942, #221C00)
• Washed Cypress Corridor color palette (#DCF5F5, #007A5D, #004036, #2A1B00, #000402)

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