Timeworn Harbor color palette — #EDF9F0 · #BEAF80 · #7E98CF · #8A7000 · #3C4C6F

Ochre takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF9F0): a clean, paper-quiet neutral.
• Camel (#BEAF80): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#7E98CF): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#8A7000): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#3C4C6F): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

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

• Aged Atelier color palette (#FFF1F6, #CFA1B3, #54A3C8, #A1611D, #335165)
• Aged Studio color palette (#EAF9F7, #93BD92, #A58AC9, #358639, #544568)
• Worn Indigo Terrace color palette (#E4FCF0, #9B9C63, #648DB7, #7B68AE, #31483E)
• Weathered Teal color palette (#F7F1E4, #C2B474, #26B1AF, #837117, #223722)
• Blush Study color palette (#EEF8F0, #DDC17E, #E892BC, #A58940, #54475F)
• Pewter Field color palette (#EDF9F0, #A3C0B2, #688A70, #775061, #344E48)
• Driftwood Coast color palette (#EAFAEE, #C4E6EB, #A7CCE5, #A87C60, #45584F)
• Sand Coast color palette (#FBF4E8, #EBD390, #B0C5FF, #BBA76D, #5B4557)

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