Cocoa Corridor color palette — #DBF8E0 · #7B3000 · #282400 · #01003B · #070200

Rust takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DBF8E0): A whisper-light, dusty teal — the color of sea glass.
• Rust (#7B3000): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#282400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#01003B): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

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

• Nocturne Cocoa Ridge color palette (#FEE2F0, #642900, #00251C, #080029, #060003)
• Eclipse Market color palette (#EFEBD7, #8C0032, #341E00, #000F1A, #0C0100)
• Onyx Quarry color palette (#DBF3DC, #4C564A, #3F2900, #0A1B1E, #040500)
• Faded Brick Station color palette (#EFE3CB, #B52000, #414000, #05105D, #070200)
• Charred Boulevard color palette (#F0DBCB, #555E00, #00392E, #2C0033, #020F00)
• Dusty Bronze Loft color palette (#FFE7DF, #876900, #204211, #240E3F, #0D0A26)
• Worn Cabin color palette (#D9E4D8, #DF0E0C, #875A00, #2D4800, #040300)
• Ancient Bronze color palette (#FCE9CD, #B56100, #685900, #004156, #060300)

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