Basalt Study color palette — #FFF2F0 · #E7DCBB · #B6B297 · #937382 · #5F3E4F

Cocoa and Driftwood set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Wheat (#E7DCBB): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B6B297): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#937382): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#5F3E4F): A full-bodied, dusty rose — the color of strawberry cream.

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

Use it as a design system

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

• Driftwood Thicket color palette (#FFF2EE, #E0DFCE, #C6C9B5, #AC8686, #5F4B4A)
• Teal Studio color palette (#FAF4EC, #D1E4C5, #79AB8C, #926975, #393932)
• Driftwood Orchard color palette (#FFEEE0, #D3BA95, #908239, #4D675C, #422C3F)
• Softworn Cocoa Study color palette (#FFDCBF, #A3AD71, #3F7C6C, #71302A, #210E00)
• Ancient Chapel color palette (#FCF1FF, #DAB2C2, #859168, #5D647E, #484F69)
• Patina Lagoon Boulevard color palette (#FFF2EA, #CCC297, #4E9D89, #7D474C, #48171F)
• Weathered Lagoon Drift color palette (#FAF4F0, #C3DFE8, #89C1F2, #369579, #513449)
• Softworn Quarry color palette (#FFF1F4, #EDB9A3, #968C4C, #854489, #510B29)

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