Timeworn Basalt color palette — #F8F6E8 · #C5C8A2 · #679E7B · #6E774B · #454600

Built around Deep Olive, softened by Eucalyptus — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Pistachio (#C5C8A2): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#679E7B): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#6E774B): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#454600): 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 Emerald Loft color palette (#FBF5E6, #B1C38C, #5B9852, #1B7A64, #33410C)
• Tempered Hollow color palette (#FBF4EA, #DCD0B2, #A39C78, #788540, #604A00)
• Hushed Teal Boulevard color palette (#E6FBF3, #B5EED8, #79AC8B, #5C7F73, #233E3A)
• Ancient Boulevard color palette (#E9DDC6, #757943, #324F00, #003521, #060600)
• Washed Emerald color palette (#F0EFD4, #4F955E, #006248, #294000, #001504)
• Washed Pine Station color palette (#E8E5D5, #93AE83, #2E854D, #00635A, #1A3008)
• Antique Teal Station color palette (#E9FBED, #BEEAE9, #CEC9F6, #43AEA2, #385243)
• Teal Canyon color palette (#E1F1CA, #7AD3C1, #00ACAB, #008088, #105463)

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