Timeworn Olive color palette — #F9F0EC · #C8E7DF · #70A4BD · #64732E · #412F41

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Silver (#C8E7DF): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#70A4BD): A luminous, dusty blue — the color of open sky before noon.
• Olive (#64732E): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#412F41): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Cypress color palette (#F5F6EE, #C7E7DF, #7DA488, #3B7B75, #3A5143)
• Wandering Villa color palette (#E9F6EC, #51C6D5, #D18480, #2E7E88, #372F2C)
• Antique Drift color palette (#E1F9E5, #22B0BB, #BE795F, #9F6954, #1E2B20)
• Worn Stone Pier color palette (#E5F8E6, #DBD5E4, #E6B8B3, #868D72, #2D3F35)
• Powdered Cobalt color palette (#FEEEE5, #81DEFF, #3C86D1, #006453, #1F1F46)
• Tempered Lagoon color palette (#FAF3F8, #D4D6EA, #8FB8CF, #5C9193, #3E556A)
• Tempered Bronze Studio color palette (#FBF0E6, #CCB898, #AB7642, #834429, #2F2C1E)
• Cerulean Lantern color palette (#F3E4DD, #008799, #004060, #002014, #00000C)

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