Cocoa Canyon color palette — #D2EBE5 · #72B691 · #00837A · #843C33 · #00321D

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

The five colors

• Honeydew (#D2EBE5): A whisper-light, dusty teal — the color of sea glass.
• Jade (#72B691): A luminous, balanced teal — the color of glacier melt.
• Teal (#00837A): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#843C33): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#00321D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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

• Tempered Lagoon Balcony color palette (#E5FBF7, #87C3AF, #009296, #8E5038, #123C40)
• Mint Corridor color palette (#F7F6E4, #73D29C, #00897C, #73413C, #141C00)
• Pine Corridor color palette (#D4EBDF, #93AF7E, #158655, #5E5716, #1B3006)
• Worn Olive Thicket color palette (#DAE9DC, #A6A979, #49832A, #744264, #2B2B00)
• Dusty Forest color palette (#E4E6D8, #5D9C6E, #006542, #463E00, #262C0F)
• Frosted Jade color palette (#CFECE7, #76D191, #22AA77, #577F6B, #03302E)
• Tempered Pine color palette (#B8F8DA, #66BF87, #008B4A, #005338, #001F12)
• Linen Moss color palette (#FFF1F5, #C9BB86, #7B9211, #217A5D, #473900)

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