Timeworn Harbor color palette — #F8D8EC · #EB2A8D · #B3001F · #602D00 · #2E1C00

Built around Hot Pink, softened by Ruby — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F8D8EC): A whisper-light, dusty pink — the color of a candy shop window.
• Hot Pink (#EB2A8D): A luminous, vivid rose — the color of strawberry cream.
• Ruby (#B3001F): A full-bodied, vivid orange — the color of toasted spice.
• Cocoa (#602D00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2E1C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

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

• Rose Hollow color palette (#FDDDE8, #FC2A4D, #A53E00, #5E3400, #261F00)
• Muted Brick color palette (#FDDAED, #DE6688, #B40026, #541800, #140700)
• Weathered Ridge color palette (#E2DBEF, #D942CF, #B4006C, #810022, #3D1100)
• Crimson Study color palette (#FFE0E4, #E26972, #E11E38, #A01100, #380B00)
• Softworn Bloom color palette (#F2DFD8, #E83E45, #00829B, #9E001B, #001F26)
• Ember Parlor color palette (#F3DED8, #F45C13, #A24A00, #582000, #1D0300)
• Coral Market color palette (#FFE4E6, #FF5F4A, #BD6100, #6A4C00, #343000)
• Tempered Scarlet color palette (#FFE1DC, #DA0818, #007396, #325182, #2A0001)

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