Basalt Quarry color palette — #E4FAFE · #B3C9D4 · #7F91A5 · #78677D · #63444A

Cocoa takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#E4FAFE): A whisper-light, dusty blue — the color of deep harbor water.
• Oat (#B3C9D4): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7F91A5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#78677D): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#63444A): A full-bodied, dusty red — the color of embers at dusk.

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

Use it as a design system

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

• Cerulean Station color palette (#ECF8F7, #A4C9CB, #5D8993, #426F6C, #365355)
• Cocoa Garden color palette (#D1E3ED, #9AAEC9, #73799A, #69475B, #594219)
• Timeworn Chestnut color palette (#EEF6FF, #A5B0CB, #807E9F, #7B582F, #395749)
• Washed Denim color palette (#D4E5F2, #7488AC, #5A457D, #502900, #2E2300)
• Ancient Petrol color palette (#ECF7FF, #81B9D4, #CB8568, #007DA6, #634056)
• Softworn Cocoa Workshop color palette (#E9FCE4, #B3E6DF, #A9C5BD, #AE9894, #793F1B)
• Airy Pier color palette (#E0E7FF, #AB92D0, #8C4F84, #644B00, #344A0F)
• Tempered Terrace color palette (#ECF7FF, #63A0C5, #B0768A, #727D3B, #2E4557)

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