Timeworn Harbor color palette — #E7F6EF · #F2D7DC · #D4B6BF · #0A759C · #142A22

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Shell Pink (#F2D7DC): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D4B6BF): A luminous, dusty rose — the color of a warm blush.
• Slate (#0A759C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#142A22): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, 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

• Washed Petrol Meadow color palette (#F7EFF4, #E6D2CD, #D5B7B4, #60659E, #2F1F29)
• Muted Market color palette (#EEF4EC, #C0E0DE, #CFB6CE, #007C70, #20271E)
• Tempered Petrol Studio color palette (#ECF8F4, #EBD9DF, #CAB4C6, #2F70A0, #2D463E)
• Muted Bloom color palette (#DFEDE8, #D9C4D1, #B49CA1, #005A8D, #071A15)
• Azure Meadow color palette (#EDF7FF, #D9D9E4, #B8ADB6, #519ACA, #283743)
• Muted Driftwood color palette (#F8EFF2, #E0D5CF, #B0AFA5, #9B7783, #3C3336)
• Navy Drift color palette (#EEE7ED, #C2ACB4, #A88284, #213F82, #110710)
• Hazy Thicket color palette (#E0F9EB, #0091B2, #A22334, #3B3C00, #191900)

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