Cocoa Canyon color palette — #EEF6FF · #5C86AD · #536AA3 · #6E3F00 · #233A46

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Storm Blue (#5C86AD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#536AA3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#6E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#233A46): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Pewter Workshop color palette (#F0F5FF, #7889BC, #755796, #5B5600, #2A3745)
• Cobalt Orchard color palette (#E9FAEF, #7BB2BD, #5B77AA, #695816, #2F4C59)
• Garnet Station color palette (#EAF8FC, #499692, #1E7295, #80343C, #1C3B3F)
• Muted Canyon color palette (#EBF3FB, #5081AE, #383B4D, #1E2A35, #11161C)
• Antique Aubergine Archive color palette (#F0F5FF, #5460BE, #632DA6, #4C3600, #00283F)
• Tempered Study color palette (#F4F4FF, #8764A4, #8C375F, #345000, #252841)
• Cerulean Drift color palette (#F0F6FA, #D9DAE1, #B6A7A9, #398FA2, #4B5459)
• Tempered Plum color palette (#EDF4EE, #1D99A4, #9E4D7D, #72400C, #191B0E)

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