Dusty Basalt color palette — #FBD6C6 · #D9C2A1 · #A5A880 · #9F706B · #633848

Cocoa takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FBD6C6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#D9C2A1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A5A880): A luminous, dusty green — the color of fresh herbs.
• Mocha (#9F706B): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#633848): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Garnet Ridge color palette (#FADAD4, #E0BAB0, #BDA175, #8378A7, #653443)
• Rust Corridor color palette (#F5DFCA, #C5C080, #1FB797, #C65749, #522E00)
• Hushed Taupe Veranda color palette (#EFE0D6, #9CAC74, #55818D, #484760, #2A2844)
• Softworn Ash Grove color palette (#FFF4DC, #D3D1AF, #7AAC91, #61678E, #462F36)
• Washed Mulberry Drift color palette (#FAE9CE, #A98F64, #5D7F4D, #803255, #2D1200)
• Chestnut Study color palette (#FFF3E4, #D0DFCE, #AFC9B3, #B39D8C, #7B4613)
• Worn Drift color palette (#F7F6E8, #A1D8C0, #36B4BA, #AE6C86, #343730)
• Bronze Coast color palette (#FEEEB0, #A5E0C6, #5FBBDE, #AE7A3A, #61421C)

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