Cocoa Corridor color palette — #D9F2DD · #004E54 · #592400 · #321100 · #000701

Espresso and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D9F2DD): A whisper-light, dusty teal — the color of glacier melt.
• Forest (#004E54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#592400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#321100): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#000701): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Charred Basin color palette (#E0EDE4, #003D4F, #391D00, #1E0C00, #030200)
• Cellar Canyon color palette (#D2F7F0, #005048, #67002D, #3C0017, #000605)
• Navy Drift color palette (#FDE7FB, #003D94, #443300, #251B00, #000414)
• Charred Harbor color palette (#CFE5E9, #004D57, #40008A, #152000, #000102)
• Patina Chestnut Garden color palette (#DEF1DF, #006F71, #694E00, #343A00, #000606)
• Softworn Lagoon color palette (#FFE6F3, #5500D0, #3D4900, #242D00, #0D0626)
• Tempered Abyss color palette (#D7E3DE, #B6A3B0, #97747E, #003C57, #011911)
• Hushed Chestnut Harbor color palette (#C4F1D6, #00748B, #864500, #5E2E00, #00242D)

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