Basalt Drift color palette — #FFF3E5 · #CCBC98 · #A78A66 · #895C4F · #433F00

Built around Deep Olive, softened by Pewter — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#CCBC98): A luminous, dusty gold — the color of old brass.
• Caramel (#A78A66): A luminous, dusty gold — the color of old brass.
• Pewter (#895C4F): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#433F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Weathered Alley color palette (#F5E5D0, #B3B27B, #9D7A3F, #7C4E3A, #31312A)
• Moss Chapel color palette (#F1E0C1, #879540, #775D00, #602E00, #001D04)
• Wisteria Courtyard color palette (#FFF1F3, #C782C4, #C67479, #9D5C35, #422C2F)
• Aged Cocoa color palette (#F6E6DC, #946312, #732C00, #470518, #040300)
• Aged Petrol color palette (#FDF1FB, #DDBF95, #5C7299, #523850, #2A1C29)
• Faded Dune color palette (#E5F2FF, #BBB5EE, #AA7FB7, #96496E, #77120E)
• Airy Pier color palette (#F9F2FA, #99C8FF, #CA7179, #3F83CC, #311F1A)
• Mint Lagoon color palette (#D1E4D5, #FFBA78, #00DCC0, #35422E, #242A21)

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