Cocoa Veranda color palette — #FFD1D8 · #D5A1C1 · #BC8090 · #86633C · #583D00

A conversation between Cocoa and Dusty Rose, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#FFD1D8): A whisper-light, dusty red — the color of embers at dusk.
• Mauve (#D5A1C1): A luminous, dusty pink — the color of a candy shop window.
• Dusty Rose (#BC8090): A luminous, dusty red — the color of late-summer berries.
• Walnut (#86633C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#583D00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Hushed Cocoa Basin color palette (#F6D9EB, #BAADDC, #A982B9, #84655A, #672E05)
• Timeworn Terrace color palette (#FBE9E4, #DDA49E, #BB866F, #776315, #514C00)
• Softworn Fern Lantern color palette (#FFD9EF, #C495C3, #996467, #435E1F, #274535)
• Pale Rust color palette (#F6E1EC, #BD7A89, #AC4D4D, #5F4600, #2C2800)
• Weathered Balcony color palette (#EFF6FF, #DBC1E9, #B39187, #5F7754, #35482C)
• Timeworn Summit color palette (#FFF2ED, #E8C7B5, #BFA289, #91873E, #525605)
• Antique Spruce color palette (#F5DAD0, #9F6C45, #6C4800, #083A08, #00140A)
• Aged Forest color palette (#F1DEC6, #BCA781, #8B8949, #006852, #004441)

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