Timeworn Harbor color palette — #F2E7FA · #DA77A7 · #B17A00 · #007464 · #170A29

Built around Bubblegum, softened by Mustard — the whole palette hums with optimism and balance.

The five colors

• Blush (#F2E7FA): A whisper-light, dusty violet — the color of a velvet chair.
• Bubblegum (#DA77A7): A luminous, balanced rose — the color of a warm blush.
• Mustard (#B17A00): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007464): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#170A29): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Balance. Tagged jewel, vibrant.

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

• Feathered Peony Bloom color palette (#EBE1F6, #E468B0, #C55A00, #00804C, #0F0B2C)
• Amber Cabin color palette (#DEE0F1, #B38CE6, #BA7000, #007072, #2B0749)
• Aged Ember color palette (#FBE4F3, #EC653C, #967E00, #007383, #160A27)
• Pale Rose Balcony color palette (#C1E9D5, #D788DF, #DA5559, #007382, #3D102C)
• Rose Basin color palette (#E9E8FF, #BE7CE1, #E44941, #477A00, #000F28)
• Timeworn Moss Lantern color palette (#FCF1FB, #E49B9D, #A1A742, #008BAE, #30283D)
• Worn Rose color palette (#E9E0EB, #DD567B, #69475D, #3B2640, #06020D)
• Bronze Market color palette (#F9D9E5, #A96700, #6C6700, #004F61, #050004)

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