Cocoa Canyon color palette — #DAF4F0 · #479A81 · #007072 · #7D2800 · #000805

Rust and Fern set the tone — five colors that lean into optimism and balance.

The five colors

• Honeydew (#DAF4F0): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#479A81): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#7D2800): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#000805): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Garnet color palette (#DBE9E2, #67975A, #007453, #7D203A, #010800)
• Patina Cabin color palette (#D1EADA, #7C9255, #007637, #554700, #040700)
• Antique Grape Drift color palette (#D0E3E6, #008175, #6A49C6, #A50041, #000202)
• Tempered Meadow color palette (#E5E7D9, #4C8262, #00523B, #2F2D00, #000803)
• Timeworn Lagoon color palette (#CFF7E5, #00A485, #007A54, #003F2C, #000201)
• Lagoon Bloom color palette (#DBECE3, #8DB47C, #009667, #6A671C, #0A2100)
• Hushed Cobalt color palette (#EFE3EC, #73ABB6, #007FAB, #005F4D, #00091B)
• Mulberry Atelier color palette (#CFE5E3, #2CAB56, #A6007C, #00662B, #11000A)

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