Cocoa Corridor color palette — #F5DACA · #7A2900 · #00394C · #00202D · #160005

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

The five colors

• Shell Pink (#F5DACA): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#7A2900): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Teal (#00394C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00202D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#160005): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, 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

• Smoked Basalt color palette (#FEE4C8, #543400, #002434, #000F19, #080005)
• Eclipse Coast color palette (#FEDCD9, #7C004C, #003733, #00211E, #140213)
• Onyx Corridor color palette (#EEDBCB, #834500, #003F3F, #1C035C, #1C0031)
• Frosted Thicket color palette (#FFE8C8, #745800, #004A74, #002E4B, #2E0019)
• Onyx Basin color palette (#E6DFC3, #414200, #003832, #17004C, #0B0300)
• Softworn Loft color palette (#FFE6E0, #B16600, #5C4600, #262800, #001912)
• Pale Chestnut color palette (#EDDCC3, #9C4D00, #3E4000, #0F1A5A, #211300)
• Softworn Cocoa color palette (#F7EDE6, #C2B7A8, #948E77, #6B3300, #2A1C0F)

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