Cocoa Corridor color palette — #D6EDDE · #34928F · #3F6B9A · #713F11 · #190A00

Bronze and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D6EDDE): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#34928F): A luminous, balanced teal — the color of sea glass.
• Slate (#3F6B9A): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#713F11): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#190A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Antique Petrol color palette (#E4DFD1, #5A9275, #097B89, #6E3A3D, #240D00)
• Tempered Parlor color palette (#CAF6FC, #4A8ABA, #685A90, #534F00, #171500)
• Terracotta Hollow color palette (#CBE3ED, #007A9C, #AE3900, #725200, #000204)
• Lagoon Quarry color palette (#E0E2C7, #2E9E7C, #007070, #2B541F, #030700)
• Gentle Bronze color palette (#D0EDDD, #008BAE, #A15E00, #005E76, #0C0400)
• Softworn Aubergine color palette (#D1F0F7, #447A97, #1C5382, #421953, #1C0219)
• Bronze Balcony color palette (#E6F4E2, #7AAFC4, #7980B8, #836108, #292802)
• Lagoon Grove color palette (#D5E7E3, #008A91, #006481, #003E62, #000524)

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