Softworn Basalt color palette — #FAF5E8 · #AEA889 · #797446 · #654E18 · #414000

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Sage (#AEA889): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#797446): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#654E18): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#414000): 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 Softworn Basalt 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

• Antique Chestnut color palette (#EEE7D8, #959B70, #6F6420, #593F00, #31312A)
• Chestnut Lagoon color palette (#FDF3EB, #CAB49A, #9D775D, #874C27, #5F4200)
• Washed Driftwood color palette (#EAFAF0, #B0C797, #9C914E, #85613B, #224443)
• Mulberry Thicket color palette (#FEF2EF, #DD99A1, #876B00, #A2304A, #2C2210)
• Weathered Garnet color palette (#F6D7C3, #BF7C40, #953B00, #760208, #3A2400)
• Chestnut Lantern color palette (#ECDFD2, #72530E, #402400, #200900, #050300)
• Antique Cocoa Grove color palette (#F9E6DA, #966B4C, #772700, #52000A, #221200)
• Weathered Garnet Studio color palette (#FFF2F0, #C2AC7D, #763B52, #481E2E, #29180C)

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