Basalt Terrace color palette — #FDF5DD · #D6D3AA · #B2AF82 · #9D8361 · #3B4200

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

The five colors

• Cream (#FDF5DD): A whisper-light, dusty green — the color of new leaves after rain.
• Wheat (#D6D3AA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B2AF82): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#9D8361): A luminous, dusty gold — the color of old brass.
• Deep Olive (#3B4200): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Muted Harbor color palette (#FBF5E2, #E4DDBF, #A3A262, #766B37, #33322B)
• Wandering Quarry color palette (#E7F6EE, #A0B387, #7E7828, #614718, #0D2826)
• Ancient Taupe Coast color palette (#F8E3D8, #E5B78E, #CE8A71, #A0686C, #34302A)
• Airy Rust Summit color palette (#F8D7BC, #E4AD4D, #D8781D, #BB4433, #2F2900)
• Powder Summit color palette (#FFF0F9, #B1B1F9, #8EBB85, #6F9D72, #3F2C37)
• Tempered Bronze Alley color palette (#F8E9D7, #90822C, #7F5700, #652D00, #030400)
• Terracotta Hollow color palette (#FAE0D0, #CF8F4E, #B16647, #933641, #201300)
• Wandering Amber Terrace color palette (#FFF1F1, #E398C5, #CF884D, #3B9372, #341F2A)

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