Cocoa Corridor color palette — #F1E0E6 · #6C3B00 · #2B2C00 · #00150B · #040000

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

The five colors

• Rose Water (#F1E0E6): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#6C3B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#2B2C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00150B): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Smoked Fern color palette (#D6F2E5, #4B4D00, #00331E, #001417, #030100)
• Obsidian Cocoa Lantern color palette (#F6D4E5, #582600, #342819, #15160C, #0D0400)
• Timeworn Bronze color palette (#F3E1D1, #8D6B29, #514700, #002F1C, #000C09)
• Garnet Corridor color palette (#EEDCED, #8C0025, #3D2300, #0F1200, #030003)
• Midnight Balcony color palette (#F0E1DA, #8E030C, #003324, #001622, #080023)
• Worn Meadow color palette (#FCE2F1, #F23542, #B54000, #673A00, #040100)
• Shadow Pine color palette (#C7E9E7, #007B57, #004034, #2B1A00, #000402)
• Smoked Plum color palette (#F2E1F8, #BC005C, #264600, #000D42, #010009)

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