Timeworn Basalt color palette — #E5E4C5 · #9BA888 · #4C8887 · #6B4553 · #5B2B32

Cocoa and Storm Blue set the tone — five colors that lean into sophistication.

The five colors

• Celadon Mist (#E5E4C5): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9BA888): A luminous, dusty green — the color of fresh herbs.
• Storm Blue (#4C8887): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#6B4553): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#5B2B32): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Sophistication. Tagged vintage, retro, 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

• Olive Coast color palette (#F4E5C0, #A7A48A, #6B8544, #49507E, #5C3D45)
• Hushed Meadow color palette (#F2FAD9, #A8B6A4, #6F947E, #7E5679, #6B433D)
• Hushed Seafoam color palette (#DCE5D5, #98D1B4, #75B3B3, #83829A, #4E415D)
• Hushed Cocoa Thicket color palette (#C1E5F2, #73A397, #68649F, #772C16, #472D00)
• Mulberry Lantern color palette (#D5E7E2, #47ADB6, #397599, #850856, #691712)
• Washed Raspberry color palette (#E8F2E3, #30A28C, #B94B82, #006556, #54203A)
• Patina Cocoa color palette (#CEF3D8, #79B3D2, #6B7BA7, #804944, #584804)
• Wandering Fern Workshop color palette (#FBF5E8, #A59B71, #4A6F31, #584A08, #37362F)

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