Weathered Harbor color palette — #FFF1F3 · #FFD2DB · #D692C1 · #A6738D · #604240

Mauve and Dusty Rose set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FFD2DB): A whisper-light, dusty red — the color of late-summer berries.
• Mauve (#D692C1): A luminous, balanced pink — the color of a candy shop window.
• Dusty Rose (#A6738D): A luminous, dusty rose — the color of a warm blush.
• Cocoa (#604240): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Blush Corridor color palette (#FFF2F0, #F2D4CA, #ED9CA5, #9F6868, #723518)
• Weathered Balcony color palette (#FFF0FA, #E2D9E6, #BAAEF2, #8578A3, #5C3E49)
• Washed Powder Meadow color palette (#FFF1F1, #FED1D3, #A1D1FF, #BB87A6, #2B4E46)
• Hushed Balcony color palette (#E4E2FF, #CDA5C8, #AA6A93, #8B3F61, #48314D)
• Antique Shell color palette (#FFF2F0, #FFB2CA, #DEB185, #BF93A8, #48322F)
• Timeworn Lantern color palette (#FFF2EF, #E6D8D5, #DE9BAA, #895A66, #40221C)
• Soft Coral color palette (#FFF1F2, #FF9EA3, #E16A63, #924738, #481A0A)
• Tempered Crimson color palette (#FFD5E0, #FF8CAB, #D3385E, #8D232C, #390102)

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