Weathered Cocoa color palette — #F8EFF5 · #808BC5 · #64689C · #76440F · #0D221A

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

The five colors

• Ivory (#F8EFF5): a clean, paper-quiet neutral.
• Slate Blue (#808BC5): A luminous, balanced violet — the color of a velvet chair.
• Slate (#64689C): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#76440F): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#0D221A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Weathered Cocoa 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

• Cocoa Drift color palette (#EDF4EE, #4E9EA6, #4E71A8, #733206, #122216)
• Worn Fern Basin color palette (#F4F2E4, #6FBABC, #6975A8, #495A07, #1A3227)
• Cerulean Studio color palette (#F5E9F3, #6D82B1, #48353B, #251A23, #060F0B)
• Patina Mulberry Canyon color palette (#F6EFF6, #6686B7, #914C62, #35561E, #221621)
• Timeworn Mulberry color palette (#EEF8F3, #458FAC, #9A4E66, #604700, #353831)
• Chestnut Meadow color palette (#EDF7FD, #84C4E3, #BA7A8A, #7D5F1F, #082729)
• Softworn Pier color palette (#EDF4F1, #D9D2D0, #A5A092, #548AA7, #313835)
• Tempered Delta color palette (#FFECF1, #7C5195, #7F3168, #313500, #190211)

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