Cocoa Corridor color palette — #F9E2EF · #732800 · #0D2900 · #000E1C · #040001

Rust and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E2EF): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#732800): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#0D2900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000E1C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, 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

• Lowlit Garnet Workshop color palette (#FDE5FA, #760013, #002722, #17002E, #030003)
• Smoked Basalt color palette (#F8D6E4, #532A00, #2D2616, #090600, #030003)
• Lowlit Brick color palette (#F9D7DD, #B43100, #593000, #1B1300, #010200)
• Lowlit Loft color palette (#E5F3E7, #483300, #00302C, #170034, #030100)
• Deep Delta color palette (#FBEDCE, #A20020, #3F2A00, #001134, #050100)
• Worn Bronze color palette (#E7F6ED, #89790B, #006489, #642850, #01170B)
• Shadow Grape color palette (#F7DCE4, #8700B9, #003B3A, #001D2C, #040002)
• Wandering Garnet Orchard color palette (#E8DDE6, #AE99A2, #8C794F, #6B0204, #0A0109)

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