Weathered Harbor color palette — #FFE1D5 · #F0B180 · #C48835 · #8C6A24 · #4D420D

Mustard and Cantaloupe set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFE1D5): A whisper-light, dusty orange — the color of toasted spice.
• Cantaloupe (#F0B180): A luminous, balanced gold — the color of old brass.
• Mustard (#C48835): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#8C6A24): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4D420D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Weathered 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

• Ancient Marigold color palette (#FFDFDE, #FFB290, #E48F04, #9F8834, #404920)
• Moss Terrace color palette (#FFE4C3, #D2B566, #9B8F2C, #686C1F, #3D4C26)
• Antique Driftwood Orchard color palette (#FFF3E5, #D0BB97, #A9895F, #875F42, #3F3D36)
• Antique Coral Garden color palette (#FFD5DA, #F49C96, #D67961, #9A5930, #5E3C16)
• Bronze Cabin color palette (#FFDBD0, #DB987D, #AA6B00, #695300, #214F2D)
• Dusty Loft color palette (#FFF3E4, #DFAE65, #76A8E3, #AA7406, #264466)
• Tempered Lagoon color palette (#EFDFD5, #A86500, #775300, #443400, #181600)
• Cocoa Meadow color palette (#FEF4E4, #D9E4C8, #98D6C2, #B29071, #604700)

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