Cocoa Canyon color palette — #EBF2FF · #6B82CB · #91628D · #833A00 · #0F1A2D

Bronze and Lavender Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Lavender Blue (#6B82CB): A luminous, balanced violet — the color of a velvet chair.
• Slate (#91628D): A full-bodied, balanced pink — the color of peonies in June.
• Bronze (#833A00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Midnight (#0F1A2D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged warm.

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

• Quiet Garden color palette (#E0F6FE, #2A979E, #8165A7, #87332A, #001E27)
• Aged Cobalt color palette (#EBF2FF, #7182C5, #A35F5D, #5B5400, #111A2C)
• Timeworn Indigo color palette (#DFF8F1, #63A5CD, #705CA4, #3C4E00, #0E233D)
• Tempered Grape Basin color palette (#E8E7F5, #82479B, #804200, #094305, #100018)
• Muted Corridor color palette (#F0E4F8, #AD5177, #92521A, #005316, #17091E)
• Patina Orchid Meadow color palette (#F1F0FF, #A250CA, #B73B00, #2F5500, #1E0928)
• Weathered Cobalt color palette (#EDF2F7, #D7D6DC, #C2B8C7, #4779A7, #272D33)
• Sapphire Quarry color palette (#DDE7FA, #415ADC, #AA0042, #453C00, #03022F)

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