Timeworn Harbor color palette — #F9F4EF · #D9DBD3 · #9CB1B1 · #A6773E · #57524C

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#D9DBD3): a clean, paper-quiet neutral.
• Ash (#9CB1B1): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#A6773E): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#57524C): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Ancient Olive Lagoon color palette (#F5F6EF, #D5DDD7, #ACC7BF, #607F50, #48493F)
• Hushed Veranda color palette (#FEF3E6, #CA9E70, #6A813C, #5A527C, #4B4741)
• Fern Boulevard color palette (#F1EEE6, #CDCDBE, #9BA58D, #5E5600, #342D1C)
• Dusty Cocoa Courtyard color palette (#FFF3E8, #D3C8AB, #8D9279, #84656E, #783D19)
• Softworn Fern Archive color palette (#F7F6EB, #BDC6A1, #518F7F, #7B5E55, #495305)
• Patina Spruce color palette (#DEE0D4, #A4AC9F, #6A8870, #004413, #131506)
• Timeworn Lagoon color palette (#F3ECE1, #A09A85, #73762D, #3A2700, #100700)
• Dusty Honey color palette (#FDF4E6, #EDD8BF, #EDCA74, #5BAC84, #4E4C45)

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