Basalt Workshop color palette — #F3F4FF · #DFD7E0 · #BAB1A9 · #687A7A · #504E5E

Charcoal Brown and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Silver (#DFD7E0): a clean, paper-quiet neutral.
• Ash (#BAB1A9): a calm mid-gray that lets other colors speak.
• Slate (#687A7A): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#504E5E): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Tempered Corridor color palette (#F2F5FF, #E0D7E1, #B5B5A5, #879DBC, #4F5060)
• Ancient Ash Meadow color palette (#F7F3FC, #FFD3BD, #BC8FA6, #746780, #2E2933)
• Worn Mallow color palette (#F8F2FF, #FBA1D8, #D7AE85, #849BBC, #403A48)
• Muted Wisteria Loft color palette (#F6F3FF, #EED6D7, #F6BAB0, #C495DE, #4C4161)
• Hushed Celadon color palette (#DBF189, #FFD3A5, #FFC0CF, #685E6B, #3A353B)
• Tempered Fuchsia color palette (#F5E9FA, #E284D9, #CD77A8, #725797, #110923)
• Soft Apricot Canyon color palette (#FBDEE6, #F6B296, #EB9B56, #B26F92, #411822)
• Ancient Coral Archive color palette (#FFF2EE, #EAD9BE, #DECE80, #EC7F7E, #5B2E1C)

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