Cocoa Garden color palette — #FFDBDB · #D89DB4 · #B6717F · #794445 · #5F2600

Built around Rust, softened by Dusty Rose — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFDBDB): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#D89DB4): A luminous, dusty rose — the color of strawberry cream.
• Dusty Rose (#B6717F): A luminous, balanced red — the color of a theater curtain.
• Coffee (#794445): A full-bodied, dusty red — the color of late-summer berries.
• Rust (#5F2600): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Driftwood Market color palette (#FFEDEB, #E6A8AE, #BD7471, #814939, #3F3934)
• Timeworn Atelier color palette (#FFDCE7, #D0ADDD, #9F6B97, #7B4764, #492B28)
• Worn Driftwood color palette (#FFEEE6, #F7BEB8, #B1706C, #6E3732, #37100F)
• Hushed Terracotta Dune color palette (#FFE0DD, #CF7258, #9C4700, #693700, #2C1A00)
• Dusty Pewter color palette (#FDEEEA, #DAA2A8, #5AACAA, #9C5C64, #1D391D)
• Cocoa Dune color palette (#FDEEE9, #DFD8C8, #AEC5A2, #A87C77, #5D2800)
• Wandering Brick color palette (#F5E4E9, #F2647B, #C60E1B, #762700, #401C00)
• Softworn Bronze Boulevard color palette (#FFECE2, #D29461, #AA701A, #624900, #342500)

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