Hazy Basalt color palette — #F9D9DF · #E7AF7B · #8CAA78 · #986A9A · #502353

Royal Purple takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F9D9DF): A whisper-light, dusty red — the color of embers at dusk.
• Sand (#E7AF7B): A luminous, balanced gold — the color of afternoon light on wheat.
• Sage (#8CAA78): A luminous, dusty green — the color of new leaves after rain.
• Slate (#986A9A): A full-bodied, balanced pink — the color of peonies in June.
• Royal Purple (#502353): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Linen Violet color palette (#F5E9F4, #EAA7A5, #B49A45, #886DB7, #432F62)
• Aged Stone Canyon color palette (#FEE3C8, #B3CC7C, #48B4A1, #9C6590, #54244B)
• Muted Rust Terrace color palette (#FFE1D4, #D6BE70, #46BA93, #B75B59, #722216)
• Sunlit Emerald color palette (#FCE3C5, #B6AA5B, #679450, #3A6592, #392E5F)
• Ancient Oat Coast color palette (#FFE7C6, #C1DA98, #75BBB7, #AE818B, #663E47)
• Chestnut Orchard color palette (#F9DBC3, #98A877, #2E9597, #985541, #40180C)
• Hushed Station color palette (#F9EAC7, #9BD28B, #00B08F, #9B649A, #18360E)
• Washed Driftwood color palette (#F5E5DC, #898A44, #3D766E, #573B61, #1F0328)

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