Softworn Basalt color palette — #FBF2FB · #C2F2DB · #9C6468 · #58272B · #170A18

Espresso and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Honeydew (#C2F2DB): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#9C6468): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#58272B): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#170A18): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Hushed Basalt color palette (#FFF1F5, #F8E4AE, #936E45, #513000, #190A10)
• Apricot Grove color palette (#F9EEF6, #DCA772, #7B4339, #371C32, #130811)
• Dusty Coral color palette (#FFF2EC, #F8CCA4, #D1786C, #83554F, #291F1A)
• Weathered Delta color palette (#EBF9F1, #EDCA8F, #716400, #2E2800, #000502)
• Midnight Station color palette (#F2DAE2, #927713, #2B1500, #0E0C05, #020100)
• Hushed Delta color palette (#FFF0FA, #DBC440, #983000, #3A0D00, #040002)
• Pale Moss Thicket color palette (#E8FBE9, #FFB996, #9B963E, #585B9D, #472632)
• Ancient Cobalt color palette (#FCF1FD, #EA97A3, #4BB393, #4574B1, #2E1E30)

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