Dusty Cocoa color palette — #FFECF1 · #F1C0EB · #E29DB8 · #BD7E83 · #7B3E1F
A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#FFECF1): A whisper-light, dusty rose — the color of pressed rose petals.
- Thistle (#F1C0EB): A whisper-light, dusty pink — the color of peonies in June.
- Ballet Pink (#E29DB8): A luminous, balanced rose — the color of a warm blush.
- Dusty Rose (#BD7E83): A luminous, dusty red — the color of late-summer berries.
- Bronze (#7B3E1F): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged light, muted, warm.
Use it as a design system
One click turns Dusty Cocoa 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 Harbor color palette (#FFF1F2, #F7D2D3, #EB9FBC, #AF647A, #634039)
- Hushed Mallow Studio color palette (#FFF0FC, #D1D2FF, #C7A8E4, #A981AF, #684345)
- Dusty Blush color palette (#FFF2EF, #FDC2CE, #90D9B9, #D891A0, #4B4E47)
- Linen Garden color palette (#FAE3F5, #FF93B8, #FF637B, #D64834, #693300)
- Cocoa Atelier color palette (#FFF3E7, #EAD7B6, #CEB090, #AD8975, #574600)
- Muted Hollow color palette (#FFE0ED, #F7799D, #E14F4B, #A54400, #462300)
- Worn Station color palette (#FFF2EF, #FFACBD, #8ACDBF, #70AEC4, #533C37)
- Dusty Seafoam Hollow color palette (#DFE2FF, #7BF7D0, #FFC0CE, #7B6561, #3D3332)
Browse the whole catalog at Explore, or see today's palette.