Cocoa Canyon color palette — #CAFBEC · #FFE9DD · #D7CDD4 · #693700 · #2D251F

Built around Bronze, softened by Honeydew — the whole palette hums with optimism and sophistication.

The five colors

• Honeydew (#CAFBEC): A whisper-light, dusty teal — the color of sea glass.
• Cream (#FFE9DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Oat (#D7CDD4): a clean, paper-quiet neutral.
• Bronze (#693700): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2D251F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Wandering Quarry color palette (#CDF7FF, #F6DFDB, #D2ED1F, #483E00, #16140E)
• Softworn Garden color palette (#DCE3FF, #5AF9E5, #FFC4B6, #975837, #3E322D)
• Honey Harbor color palette (#F2F1FF, #7BF7FF, #FFC471, #36312B, #150E06)
• Muted Apricot color palette (#DBE5FB, #67DDFF, #FF9E82, #402C3A, #1D171B)
• Weathered Field color palette (#FDF3EA, #FAB267, #68BDCE, #7380AB, #36312B)
• Hushed Stone Garden color palette (#F9F5ED, #D8DCD3, #A9B6BE, #BFAC86, #514D45)
• Timeworn Lagoon color palette (#FDF4E7, #DBAA63, #4B9AB1, #6D6088, #30201B)
• Ancient Mint Orchard color palette (#FBF4EC, #DFDDCC, #8FBE7E, #B79364, #1F1F13)

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