Timeworn Cocoa color palette — #FBF4E9 · #C0FDFC · #D7E2CF · #C99478 · #5D4A00

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Honeydew (#C0FDFC): A whisper-light, dusty teal — the color of shallow lagoons.
• Celadon Mist (#D7E2CF): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#C99478): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#5D4A00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Timeworn Cocoa 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 Workshop color palette (#FDF4E6, #D4CAAE, #AF986E, #96694A, #504900)
• Powdered Amber color palette (#FEF5DA, #B4F2DD, #30E0DC, #BC8000, #42501C)
• Aged Bone Study color palette (#EBFAEC, #AEE6D6, #C6CCD8, #D4ACAD, #43554C)
• Weathered Oat color palette (#EAFAF0, #C2E8E9, #C5E0AC, #73947C, #3D5148)
• Aged Summit color palette (#ECE3CE, #89B273, #009586, #683900, #090C00)
• Dusty Fern Coast color palette (#F6F6ED, #E7CCAE, #71855F, #545000, #2C2C20)
• Muted Driftwood color palette (#F1F8EC, #6EBDA5, #7A9FC6, #9F6390, #37412F)
• Muted Turquoise Lagoon color palette (#E2E6CE, #8FCAB4, #00B7D9, #736800, #003020)

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