Weathered Harbor color palette — #FFF4DE · #FF6FB9 · #D31B00 · #005436 · #340012

A conversation between Crimson and Bubblegum, giving this palette its sense of warmth and comfort.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bubblegum (#FF6FB9): A luminous, vivid rose — the color of a warm blush.
• Crimson (#D31B00): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#005436): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#340012): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Warmth, Comfort, Energy, Balance. Tagged retro, vibrant, 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

• Muted Blush color palette (#FFF4DE, #FF7894, #B45100, #005347, #360004)
• Antique Fuchsia Atelier color palette (#FFF4DE, #FF5CEB, #CF184E, #0A560C, #31021F)
• Ancient Ember color palette (#EAE9AA, #F67AE9, #F74233, #00798D, #4E042D)
• Quiet Amber color palette (#FFF4E2, #FFA29C, #BF7000, #006665, #421A0C)
• Peony Station color palette (#FFF2F0, #FF4799, #896400, #004B37, #00122A)
• Crimson Station color palette (#FFD9E6, #CF445B, #922700, #3C3B00, #53000B)
• Magenta Atelier color palette (#F0EED1, #B84BBA, #9D0017, #003842, #270017)
• Powdered Veranda color palette (#FFF4DE, #C08DFF, #C02093, #474B00, #270730)

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