Cocoa Canyon color palette — #CBE9D5 · #006678 · #7B2D00 · #003039 · #080100

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

The five colors

• Celadon Mist (#CBE9D5): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#006678): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7B2D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Cocoa Canyon 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

• Shadow Denim Studio color palette (#D1F6EC, #004F85, #503600, #00203A, #020100)
• Hazy Mulberry Veranda color palette (#E0EFD5, #006B55, #82005E, #003227, #090004)
• Wandering Coast color palette (#CFF0FF, #00869A, #A04900, #004E5A, #1E0800)
• Bronze Delta color palette (#EAE8C8, #A55700, #006899, #070A14, #000201)
• Washed Olive Coast color palette (#D5E4EB, #008DA3, #626F00, #00444F, #010100)
• Washed Navy color palette (#FCE9F7, #3B50B2, #634200, #140083, #050200)
• Velvet Parlor color palette (#F3E9DD, #726100, #4B3000, #2B0E00, #010200)
• Quiet Corridor color palette (#D0E4D8, #006A82, #76008D, #00323F, #1D0025)

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