Cocoa Canyon color palette — #F6E4F1 · #AA714F · #6E4300 · #1B3600 · #001606
Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Blush (#F6E4F1): A whisper-light, dusty pink — the color of a candy shop window.
- Mocha (#AA714F): A luminous, balanced gold — the color of old brass.
- Bronze (#6E4300): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#1B3600): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#001606): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Driftwood Alley color palette (#F1D9E2, #AB636C, #783C32, #3B2F00, #101100)
- Muted Bronze Cabin color palette (#FFEBDC, #8C6B37, #4F4000, #002B19, #00100C)
- Hushed Coral color palette (#FFD8D6, #D67B62, #8F664B, #414B0F, #182F0E)
- Aged Lantern color palette (#EBDDE5, #C16567, #7D5412, #004353, #083422)
- Antique Alley color palette (#F8DCC5, #BA6C00, #6A3C00, #271200, #030100)
- Powdered Bronze Balcony color palette (#EBD9E2, #A74E00, #006B28, #582600, #000B02)
- Tempered Olive color palette (#FDE3C9, #B99754, #7A6D00, #004F36, #002E2A)
- Patina Bronze color palette (#E5D8FF, #D78C98, #996433, #00475A, #00132B)
Browse the whole catalog at Explore, or see today's palette.