Cocoa Corridor color palette — #F3D7E7 · #883100 · #004269 · #3B1100 · #000610

A conversation between Rust and Navy, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F3D7E7): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#883100): A full-bodied, balanced orange — the color of toasted spice.
• Navy (#004269): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#3B1100): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#000610): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, 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 Mulberry Dune color palette (#F3DBF2, #9A0027, #004847, #44000C, #000807)
• Navy Parlor color palette (#DAF6E0, #674D00, #004072, #2B1E00, #000612)
• Cocoa Delta color palette (#EEE0D5, #783700, #00491D, #341400, #000200)
• Smoked Cocoa Archive color palette (#F3DCCE, #622F00, #00394D, #151C3B, #040100)
• Feathered Nightshade Canyon color palette (#DFF7E7, #615000, #3B00A9, #282000, #050020)
• Tempered Bronze Meadow color palette (#D5EBD5, #8D5E00, #006852, #4D3200, #000805)
• Ancient Rust Drift color palette (#F8E2D5, #C25E00, #007D9B, #843E00, #00070B)
• Ancient Aubergine Basin color palette (#CDEADA, #6B6000, #7A0085, #332D00, #1F0022)

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