Cocoa Garden color palette — #DFE7FF · #B7B3EC · #B78B9A · #8D5E62 · #76391B

Built around Bronze, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Frost (#DFE7FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#B7B3EC): A luminous, balanced violet — the color of twilight just after sunset.
• Dusty Rose (#B78B9A): A luminous, dusty rose — the color of pressed rose petals.
• Pewter (#8D5E62): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#76391B): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Softworn Cocoa color palette (#FFDBE6, #D8A7B0, #AF8888, #835B48, #694000)
• Dusty Cocoa Study color palette (#EDD7ED, #B07EA2, #935D6F, #703E09, #3A2800)
• Dusty Garnet color palette (#BDF1DE, #9BBCED, #838CBF, #845A77, #703348)
• Driftwood Basin color palette (#B2F2FF, #C3A4C0, #896C9B, #57632E, #13533A)
• Cocoa Lagoon color palette (#F4DCDA, #9C6A5B, #754213, #2D3905, #011400)
• Bronze Grove color palette (#FFF2EF, #E2CAC1, #C5A897, #967F38, #564E00)
• Timeworn Wisteria color palette (#D9F1FF, #B8CBFB, #C695D1, #7F8E5F, #29564D)
• Byzantium Market color palette (#FFF1F6, #C592FC, #EB7543, #9744DE, #652200)

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