Dusty Cocoa Ridge color palette — #D4DFFC · #AFABE9 · #B58796 · #9B6A6F · #572000
A conversation between Espresso and Lavender, giving this palette its sense of optimism and creativity.
The five colors
- Powder Blue (#D4DFFC): A whisper-light, dusty violet — the color of wild irises.
- Lavender (#AFABE9): A luminous, balanced violet — the color of twilight just after sunset.
- Dusty Rose (#B58796): A luminous, dusty rose — the color of strawberry cream.
- Mocha (#9B6A6F): A full-bodied, dusty red — the color of late-summer berries.
- Espresso (#572000): A deep, shadowed, 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 Dusty Cocoa Ridge 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
- Timeworn Archive color palette (#F9DCE4, #DBA6D7, #BA819D, #95684D, #533306)
- Hushed Boulevard color palette (#FCE4FB, #A3B2FA, #9A91C9, #8A6460, #52272C)
- Hushed Driftwood color palette (#F0E7FE, #B991C2, #A86D96, #884F37, #3A1D00)
- Periwinkle Grove color palette (#D5E8F3, #98A8EF, #986E9F, #5E5D55, #35342D)
- Washed Chestnut Lagoon color palette (#EEF6FF, #BABEED, #9C81AE, #775529, #2A2600)
- Dusty Wisteria Harbor color palette (#EBE2F3, #B979BB, #9F6083, #724C35, #001E2B)
- Chestnut Balcony color palette (#FFEEF3, #E9C4E8, #D1A6A6, #AF907A, #734600)
- Raspberry Coast color palette (#FEE4EF, #BE6476, #8C5A54, #5E4703, #181600)
Browse the whole catalog at Explore, or see today's palette.