Cocoa Orchard color palette — #DAE8FF · #B1B9D2 · #80819B · #784952 · #423040

Coffee and Slate Blue set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DAE8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B1B9D2): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#80819B): A luminous, dusty violet — the color of wild irises.
• Coffee (#784952): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal (#423040): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Aged Chestnut color palette (#F0EFFF, #B5AEC4, #8F8298, #795337, #233822)
• Washed Pewter Harbor color palette (#EDF1FF, #CBCDE8, #908AA6, #7E637A, #4C3B44)
• Dusty Mulberry color palette (#F5E0FA, #B087A5, #85495F, #54300C, #2B1C00)
• Driftwood Archive color palette (#DFFCFF, #CFDBF6, #9DADD1, #9C8159, #2C584F)
• Washed Lagoon Hollow color palette (#E6F6F3, #8EBEBA, #498363, #265E65, #0C2D2B)
• Worn Cypress Coast color palette (#EBF4F2, #BFE3F1, #5699A9, #006D6B, #0B3042)
• Misty Navy color palette (#D4E8FF, #83A3D7, #5372BF, #384295, #27284F)
• Muted Navy Workshop color palette (#EDF1FF, #BAB9F1, #726DB5, #3A2E84, #110B35)

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