Cocoa Canyon color palette — #DDFBE9 · #0088A3 · #822F00 · #361F00 · #020100

Rust takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DDFBE9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0088A3): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#822F00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#361F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Lowlit Garnet color palette (#D4F9E4, #00728E, #720D00, #161700, #010100)
• Linen Coast color palette (#E4FBDA, #008E7C, #900045, #411500, #040100)
• Timeworn Sapphire color palette (#FFEBFE, #0D73F3, #694500, #1C2A00, #010200)
• Azure Orchard color palette (#D8FFF3, #17A1F9, #9A5800, #434200, #141300)
• Dusty Aubergine color palette (#F0F7D6, #039538, #622399, #401600, #040100)
• Indigo Villa color palette (#D0E8FD, #0099DF, #7558D1, #852168, #001616)
• Glacier Quarry color palette (#90F3FA, #7FA4DB, #7A5E8A, #51471B, #1E1800)
• Midnight Loft color palette (#E9DDE8, #004BB7, #422200, #182228, #010B00)

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