Cocoa Corridor color palette — #CFF2FD · #005E5F · #593D00 · #292B00 · #001111

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

The five colors

• Frost (#CFF2FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005E5F): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#593D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#292B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001111): A deep, shadowed, dusty teal — the color of sea glass.

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

• Inked Thicket color palette (#D6E4ED, #005B76, #593E00, #002F25, #000304)
• Petrol Canyon color palette (#D2F3E3, #007A9E, #7E5900, #004F37, #001018)
• Muted Bronze color palette (#E4F3E4, #966500, #007449, #00504C, #172C18)
• Sapphire Parlor color palette (#D2E7FF, #0068BD, #296900, #004838, #001F40)
• Timeworn Archive color palette (#EED7DF, #8B5300, #006520, #004238, #291500)
• Smoked Navy color palette (#E6F1FF, #003376, #003509, #001712, #000108)
• Mulberry Atelier color palette (#EDDFF3, #A00054, #592600, #242000, #001707)
• Worn Fern color palette (#EAF8FF, #368EA2, #7C7329, #375F1C, #1B3744)

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