Dusty Garden color palette — #F8F2FF · #F4D4CF · #FFB6B7 · #BE78B0 · #623749

Dusty Rose and Rose Quartz set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Shell Pink (#F4D4CF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rose Quartz (#FFB6B7): A whisper-light, balanced red — the color of late-summer berries.
• Dusty Rose (#BE78B0): A luminous, balanced pink — the color of peonies in June.
• Cocoa (#623749): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged pastel, light, muted, warm.

Use it as a design system

One click turns Dusty 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

• Patina Taupe Hollow color palette (#FFF0FB, #ECD3D4, #DECF9C, #BC8080, #584050)
• Dusty Villa color palette (#FFF1F0, #E5D7D4, #B6B1A7, #D982C5, #5A3632)
• Ancient Garden color palette (#F8ECFF, #FFCAD0, #F69D91, #A56288, #4D232D)
• Hushed Iris color palette (#F2F4FF, #F1D2E6, #E9B4E7, #8985D4, #444669)
• Amethyst Balcony color palette (#F6F3FF, #F9D4C9, #FB9C5A, #7E4FC6, #663A4D)
• Feathered Mustard color palette (#F2ECFB, #F6B41E, #FF8F8A, #5B2927, #2C1A2B)
• Timeworn Boulevard color palette (#FFD4D3, #FFB19E, #D98757, #984658, #42150F)
• Patina Amber Hollow color palette (#FFE6F5, #E4A47F, #C66942, #974433, #512A03)

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