Softworn Basin color palette — #FBF3F3 · #D4BC97 · #7C5052 · #502D2F · #2D231F

Coffee and Sand set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF3F3): a clean, paper-quiet neutral.
• Sand (#D4BC97): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7C5052): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#502D2F): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#2D231F): a grounded near-black with real depth.

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

Use it as a design system

One click turns Softworn Basin 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 Quarry color palette (#FFF2EA, #C3AB84, #774121, #492108, #231C0C)
• Aged Plum Workshop color palette (#FBF3F2, #E5AFC1, #9A7730, #A44A6E, #312D27)
• Patina Sand Studio color palette (#F7F3FB, #F5DBA5, #A795BB, #72687D, #2E2934)
• Driftwood Coast color palette (#F5F4FD, #B0DEBF, #956C9C, #4E4961, #2B2A34)
• Garnet Grove color palette (#FFF2EF, #BF9C51, #7E1C3E, #4D001F, #2B130F)
• Dusty Chestnut color palette (#FFF2EE, #E1B7A2, #B17858, #7F4E00, #584400)
• Antique Bronze color palette (#F7EBE1, #896600, #243135, #2F1600, #0A0300)
• Tempered Hollow color palette (#F0E2D2, #B88A00, #533300, #281600, #0B0800)

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