Basalt Pier color palette — #F1EBFF · #9285AB · #895C65 · #384613 · #002424

A conversation between Deep Olive and Pewter, giving this palette its sense of nature and growth.

The five colors

• Blush (#F1EBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#9285AB): A luminous, dusty violet — the color of wild irises.
• Pewter (#895C65): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#384613): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#002424): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Cocoa Study color palette (#CEE4FF, #8996B8, #605B7E, #583500, #1E1F00)
• Weathered Terracotta Bloom color palette (#E1DCF4, #9C6B81, #873F35, #053905, #001914)
• Pewter Alley color palette (#D0EADE, #908FC0, #835072, #005159, #0C354C)
• Muted Driftwood color palette (#E2DBF4, #C19CBD, #AA697A, #535C2C, #2E3D00)
• Abyss Station color palette (#F0EBFF, #CBB5D3, #9E8092, #32615F, #093C46)
• Worn Field color palette (#EED8DF, #D37F72, #955408, #005044, #00252C)
• Worn Cocoa Lantern color palette (#FCEAF3, #775977, #713000, #002C1B, #000C0D)
• Timeworn Coast color palette (#F1E3FD, #BA598C, #007E60, #7F0054, #00170F)

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