Cocoa Corridor color palette — #F4DFD1 · #582500 · #2C262A · #131B00 · #000904

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

The five colors

• Parchment (#F4DFD1): A whisper-light, dusty gold — the color of honey in a jar.
• Espresso (#582500): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2C262A): a grounded near-black with real depth.
• Ink (#131B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000904): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Spruce Balcony color palette (#F8EED9, #352C00, #00231A, #00080B, #030003)
• Obsidian Garnet color palette (#FFE9E3, #660023, #221800, #040A00, #000201)
• Moonless Garnet color palette (#FBE4DA, #3B4236, #550202, #141409, #060100)
• Lowlit Aubergine color palette (#EFD9E4, #350075, #2B1817, #001C14, #01070F)
• Moonless Meadow color palette (#F3DCDF, #66006E, #272A00, #190706, #000508)
• Eclipse Thicket color palette (#FFDFE3, #9D2129, #520500, #1F0500, #030100)
• Navy Corridor color palette (#F8E7FA, #002E57, #112400, #131319, #000805)
• Velvet Fern color palette (#EAE3D0, #565200, #003630, #00222B, #030003)

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