Cocoa Terrace color palette — #F0DED0 · #582600 · #153200 · #00170E · #030100

Espresso and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0DED0): A whisper-light, dusty gold — the color of old brass.
• Espresso (#582600): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#153200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00170E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#030100): a grounded near-black with real depth.

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

• Cocoa Corridor color palette (#F4DFD1, #582500, #2C262A, #131B00, #000904)
• Shadow Garnet Thicket color palette (#F9DFC4, #880110, #3C1500, #090D00, #040000)
• Charred Aubergine Veranda color palette (#E6DFFF, #5D005F, #00331E, #00180B, #050005)
• Velvet Garnet Boulevard color palette (#F4E1DF, #66003B, #392600, #080044, #040001)
• Aubergine Alley color palette (#FAE5ED, #6400B3, #004924, #001C25, #020007)
• Softworn Forest Terrace color palette (#FCEAD5, #955C00, #006E2F, #004640, #130800)
• Shadow Mulberry color palette (#E1DBEF, #8B0081, #693500, #002A4F, #050004)
• Deep Meadow color palette (#FAEAE9, #9A1364, #530500, #3D0024, #030100)

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