Basalt Terrace color palette — #FFF2EB · #E2DCC2 · #D3A18E · #947166 · #543900

A conversation between Cocoa and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E2DCC2): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#D3A18E): A luminous, dusty orange — the color of autumn markets.
• Mocha (#947166): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#543900): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Basalt Terrace 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 Drift color palette (#FFF2EC, #DFDACD, #D5B373, #7A7C47, #2D4919)
• Dusty Summit color palette (#FFF0F9, #C9B0BA, #977489, #7E4F4B, #3E4C3D)
• Timeworn Canyon color palette (#FDF5DC, #CDE7B1, #A2A16D, #896321, #31332C)
• Faded Mustard color palette (#FFF3E5, #CBB246, #9F6A00, #6E330F, #171200)
• Aged Shell color palette (#FFF2ED, #FFA8A4, #78BBC5, #678D71, #571C01)
• Lichen Boulevard color palette (#FFF2EF, #FEF9B4, #A97580, #5A3E39, #241815)
• Timeworn Driftwood Coast color palette (#FFF4E1, #CDCC8C, #A1864C, #725035, #24220E)
• Coral Study color palette (#FCF3F0, #E4D8D2, #A1B87F, #CC8383, #201F14)

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