Timeworn Basalt color palette — #FEF3E9 · #DBDFC4 · #C7A88A · #A26962 · #493F00

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

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Celadon Mist (#DBDFC4): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#C7A88A): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A26962): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#493F00): A deep, shadowed, dusty 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 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

• Aged Terracotta Corridor color palette (#FFF3E8, #F1D9B3, #BF9374, #9A5351, #33322B)
• Dusty Stone color palette (#FFF1F6, #C7E2C8, #DBAB82, #AB859B, #3D4C42)
• Wandering Workshop color palette (#FBF0E5, #CFB798, #9E7B5C, #80481D, #332B1B)
• Softworn Bronze color palette (#FFF4DE, #ABB98C, #8A7524, #693800, #001806)
• Ancient Boulevard color palette (#FFF2ED, #E0DBCC, #C4B073, #5A7E31, #004A31)
• Weathered Denim Corridor color palette (#FBF4E9, #C0AC7C, #81965E, #4D5FA2, #302615)
• Dusty Cocoa color palette (#F7E8D8, #958648, #6E4100, #440700, #010100)
• Amber Canyon color palette (#FFF3E2, #D0D5A1, #B8890A, #974400, #13300E)

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