Timeworn Basalt color palette — #F7F5ED · #AEB48E · #44816D · #7C484E · #424700

A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Sage (#AEB48E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#44816D): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#7C484E): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#424700): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

One click turns Timeworn 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

• Worn Chestnut Lantern color palette (#F5F6EE, #B6C7AB, #6A8B6E, #8F552C, #46513E)
• Feathered Pine color palette (#FFF4DF, #9AAC68, #1F7D36, #624E00, #354013)
• Aged Pine Delta color palette (#E6F6F0, #A5BC94, #4E8449, #3D5E44, #142C28)
• Chalky Quarry color palette (#F4F8E0, #629865, #786FBA, #95468C, #373932)
• Hushed Delta color palette (#F8F6E4, #B7E5E1, #99C8E7, #8E7A41, #414F02)
• Ancient Terrace color palette (#EBE4D2, #7D946A, #00663E, #453F00, #1D2F0A)
• Celadon Lagoon color palette (#EAF9F2, #B9E3AC, #7CBC9F, #9B899E, #2E4844)
• Garnet Cabin color palette (#ECEDD7, #44A780, #006865, #7C1800, #003825)

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