Cocoa Thicket color palette — #E1EEFF · #9A9AC6 · #835F8E · #6C4600 · #3F3C00

Bronze and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E1EEFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#9A9AC6): A luminous, dusty violet — the color of a velvet chair.
• Slate (#835F8E): A full-bodied, balanced pink — the color of a candy shop window.
• Bronze (#6C4600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3F3C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Tempered Quarry color palette (#F0EBFF, #A586A7, #885B68, #485021, #0F4924)
• Dusty Pewter color palette (#D5F8F9, #669AD5, #8E5194, #374A00, #1E2A00)
• Patina Garnet Workshop color palette (#C9E5EE, #78A6D9, #6260AF, #7E2606, #4E3400)
• Softworn Spruce color palette (#E7DCEA, #AB7394, #7A4342, #1B3F00, #002C21)
• Wisteria Veranda color palette (#D7EAFC, #ADAEFF, #C385D8, #8F7045, #454500)
• Worn Orchid color palette (#D8EDED, #64B0FB, #A969B8, #446C2F, #214408)
• Stone Study color palette (#EFF6FF, #BCC1DB, #9791AA, #607362, #365356)
• Aubergine Station color palette (#DFE2FF, #9566DE, #6A7900, #6400B5, #2B3200)

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