Timeworn Basalt color palette — #FFF3E5 · #CCBD95 · #AB885B · #895C4E · #433F00

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#CCBD95): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AB885B): A luminous, dusty gold — the color of honey in a jar.
• Pewter (#895C4E): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#433F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Timeworn Bronze color palette (#F7E5CC, #B2B277, #9E7A38, #824A30, #30312A)
• Aged Iris Coast color palette (#FFF0FB, #8698EC, #AA8952, #896930, #402B3B)
• Chestnut Balcony color palette (#FAEEDB, #86944D, #765D00, #5F2E00, #001D05)
• Cocoa Summit color palette (#F5E7DE, #926516, #712E00, #4A0015, #040300)
• Antique Cobalt Orchard color palette (#EEF8F5, #93CAFF, #BE7D5C, #4685BF, #302014)
• Tempered Blush color palette (#FFF2F0, #C77B9A, #A3617B, #635906, #352031)
• Hushed Cabin color palette (#FEF0FC, #E1BE8C, #5B719D, #533850, #281E27)
• Hazy Garnet color palette (#E5F3FF, #BAB4F1, #B182C2, #984966, #6D1400)

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