Weathered Harbor color palette — #FFDFF0 · #FF97B4 · #EC0050 · #8D2A00 · #331800

Rose Red and Rust set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#FFDFF0): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#FF97B4): A luminous, balanced red — the color of a theater curtain.
• Rose Red (#EC0050): A full-bodied, vivid red — the color of embers at dusk.
• Rust (#8D2A00): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#331800): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Scarlet Cabin color palette (#FFDFE9, #FF8B92, #E23A00, #804100, #342200)
• Raspberry Canyon color palette (#FEE8FF, #FF78CE, #E40080, #970021, #4B1800)
• Rose Station color palette (#FFE9EE, #FF7F98, #FF3553, #CD3131, #5F0C00)
• Obsidian Brick color palette (#FDD4DD, #C41A29, #712900, #240F00, #020100)
• Quiet Ridge color palette (#FFF0FD, #FF8B8A, #00ACC9, #C8002D, #00232B)
• Feathered Ember color palette (#FFF2ED, #FFB5A0, #DA5500, #682500, #130200)
• Soft Apricot Study color palette (#FFD8D5, #FF8A60, #BA6900, #5F4700, #272300)
• Worn Amber Pier color palette (#FFF1F2, #FFB4A0, #E56B00, #8C5B00, #493800)

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