Cocoa Canyon color palette — #F0F9E2 · #008150 · #882C00 · #533900 · #2B2700
A conversation between Rust and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0F9E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Teal (#008150): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#882C00): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#533900): A deep, shadowed, dusty gold — the color of honey in a jar.
- Onyx (#2B2700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.
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
- Timeworn Mulberry Lagoon color palette (#FAF7D7, #577500, #9C0046, #662900, #342300)
- Antique Basin color palette (#F4F8DC, #20830B, #005C6C, #572F00, #2A2100)
- Weathered Dune color palette (#E3FEE6, #007B7F, #704E00, #323E00, #002D21)
- Hushed Veranda color palette (#FFF2EF, #AC697C, #815A1D, #474F16, #2F322B)
- Airy Aubergine color palette (#E2F8EF, #0082B4, #840099, #532D00, #001111)
- Eclipse Abyss color palette (#E0F3E1, #005659, #472C00, #191E00, #000A05)
- Powdered Byzantium color palette (#EDF6FF, #008DDE, #9740C8, #7A4900, #002722)
- Wandering Petrol Basin color palette (#EEF8F3, #CCDDDE, #A9C3BB, #007694, #30453B)
Browse the whole catalog at Explore, or see today's palette.