Timeworn Harbor color palette — #FFF0F9 · #FCD1DE · #FFB79A · #98A674 · #5A414A

A conversation between Melon and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#FCD1DE): A whisper-light, dusty rose — the color of strawberry cream.
• Melon (#FFB79A): A whisper-light, balanced orange — the color of autumn markets.
• Sage (#98A674): A luminous, dusty green — the color of a quiet forest floor.
• Cocoa (#5A414A): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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 Delta color palette (#EDF9EC, #E7D7C8, #F8B67A, #77B38C, #32493E)
• Dusty Meadow color palette (#F9F2FE, #DED8E5, #FBA4C0, #BA9270, #523D4F)
• Aged Ash Courtyard color palette (#F8F2FF, #DDC0CF, #80A192, #647283, #455466)
• Timeworn Archive color palette (#FFF2EC, #E2D2CC, #EBCC65, #A6AD96, #673800)
• Apricot Grove color palette (#FFEEE5, #EAD2C5, #E7BD87, #CF9863, #342E2A)
• Timeworn Apricot color palette (#FFF0FD, #EEA275, #AE813D, #6F6A3B, #36564C)
• Hushed Marigold Lantern color palette (#ECF9EC, #DBA459, #7D98D1, #8F6B38, #3E4E66)
• Aged Ridge color palette (#E6FBEE, #FFDBCE, #CDC55C, #269782, #1B4438)

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