Basalt Drift color palette — #FFF3E9 · #DFDFC0 · #CBA689 · #967064 · #4C3E00

Deep Olive and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Celadon Mist (#DFDFC0): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#CBA689): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#967064): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#4C3E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Softworn Alley color palette (#FFF2EA, #F2D8B8, #C0927B, #876055, #34312B)
• Dusty Quarry color palette (#F9F0E8, #D1B697, #A77655, #814622, #332B1D)
• Timeworn Bronze color palette (#FFF3E2, #B3B877, #90712E, #693718, #021800)
• Timeworn Taupe color palette (#FDF2F6, #EDD0D9, #D0A9BB, #B48577, #3A4D3E)
• Muted Aqua color palette (#EBF9F1, #75D2F0, #BFAE75, #8F8154, #23372C)
• Ancient Courtyard color palette (#FFF1F7, #A6C0A9, #A47456, #6C546C, #394D44)
• Timeworn Loft color palette (#FFECDC, #9E823B, #743D00, #460005, #010100)
• Ancient Garnet Boulevard color palette (#DAFFEE, #E3DBE4, #B8A0D5, #966185, #6C2C3A)

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