Cocoa Corridor color palette — #FDD7D2 · #7D2B00 · #492800 · #160D00 · #010100

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FDD7D2): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#7D2B00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#492800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#160D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

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 Alley color palette (#F8E6D6, #684E00, #3F2200, #200400, #010100)
• Twilit Mulberry Station color palette (#F0D6E1, #8C003A, #5E0B00, #220A00, #030100)
• Lowlit Veranda color palette (#F9D9E4, #6E4000, #003B73, #2F1800, #000104)
• Deep Navy Garden color palette (#EADCCB, #543300, #003456, #001268, #020100)
• Powdered Delta color palette (#DCF2D9, #A98F0D, #1A7A21, #5D1602, #030200)
• Petrol Cabin color palette (#ECDEED, #006885, #684D00, #0A100B, #000200)
• Aged Lagoon color palette (#FFECD8, #906F00, #4C4600, #222D00, #011200)
• Airy Veranda color palette (#F3DACE, #B26A00, #755300, #383400, #161D00)

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