Wandering Cocoa Study color palette — #E7FBEE · #C1E6E7 · #D5C1D7 · #9F7F87 · #66484B

Charcoal Brown and Heather set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
• Silver (#C1E6E7): A whisper-light, dusty teal — the color of glacier melt.
• Oat (#D5C1D7): A whisper-light, dusty pink — the color of neon signs at night.
• Heather (#9F7F87): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#66484B): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Weathered Lichen Field color palette (#F1FADB, #C7E4D4, #ACC8BE, #849994, #5D4858)
• Softworn Cocoa Station color palette (#FFF0FB, #EBD3D4, #CDA9B4, #936B61, #703513)
• Weathered Pier color palette (#D8FFF5, #CCDBFF, #B492A4, #886362, #512D25)
• Cerulean Bloom color palette (#E9F7FF, #99D0C2, #7886B4, #734D52, #481E32)
• Ancient Veranda color palette (#F5F3FF, #D9AFFB, #B16EB1, #83493E, #4F2100)
• Washed Onyx color palette (#D2E2FF, #969AC6, #786A9B, #6A3245, #3A0207)
• Hushed Garnet Corridor color palette (#EAE5FE, #A481B8, #7A5377, #591C10, #100400)
• Aged Turquoise color palette (#E7FBF1, #CBE1FF, #BED5A2, #53A6C6, #4D4800)

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